색 하나 고르는 게 이렇게 어려울 줄 몰랐어요. 상세페이지 만들 땐 남색이었는데, 인스타 피드는 어느새 베이지가 됐고, 택배 박스에 붙인 스티커는 또 회색이더라고요... 손님 눈엔 세 개의 다른 가게처럼 보였을 거예요. 브랜드 색은 많이 쓴다고 좋은 게 아니에요. 딱 3개, 역할만 나눠주면 됩니다.
제가 OVERSIZED 처음 시작할 때 색을 무려 일곱 개나 정해놨었어요. 메인 남색, 포인트 코랄, 여기에 세일용 빨강, 신상 태그용 노랑, 배경용 아이보리... 나름 다 이유가 있었죠. 근데 막상 상세페이지를 만들려니 어떤 색을 어디에 써야 할지 매번 헷갈렸어요. 결과물은 색동저고리처럼 알록달록한데 정작 '이게 우리 브랜드 색이구나' 하는 인상은 하나도 안 남더라고요.
브랜드 컬러는 개수가 아니라 역할로 접근해야 해요. 색이 많으면 통일감이 아니라 산만함이 생겨요. 그래서 오늘은 메인·서브·포인트 딱 3색으로 정리하는 법을 알려드릴게요. 이 구조 하나면 상세페이지, 인스타, 택배 박스까지 전부 한 브랜드처럼 묶입니다.
인테리어 하는 분들 사이에 유명한 60·30·10 법칙이 있어요. 공간의 60%는 바탕색, 30%는 보조색, 10%는 포인트색으로 채우면 눈이 편하다는 거예요. 브랜드 컬러도 똑같아요. 화면이든 패키지든 사람 눈은 결국 '어떤 색이 넓게 깔려 있고, 어떤 색이 콕 찍혀 있나'로 브랜드를 기억하거든요.
3색이 마법의 숫자인 이유는 단순해요. 하나면 밋밋하고, 둘이면 대비만 남고, 넷을 넘어가면 통제가 안 돼요. 세 개일 때 비로소 '넓게-받쳐주고-찍는' 구조가 완성돼요. 스타벅스 초록, 배민 민트, 무신사 블랙을 떠올려보세요. 사실 그 브랜드들도 보조색·포인트색이 다 있는데, 우리 머릿속엔 대표색 하나가 박혀 있잖아요. 그게 메인색의 힘이에요.
| 역할 | 비율(대략) | 쓰는 곳 | 정할 때 기준 |
|---|---|---|---|
| 메인색 | 60% | 로고, 헤더, 배경, 대표 이미지 | 브랜드 성격·감정을 담는 얼굴 |
| 서브색 | 30% | 본문 배경, 카드, 여백, 보조 텍스트 | 메인을 받쳐주는 무채색·저채도 |
| 포인트색 | 10% | 구매 버튼, 세일 뱃지, 링크, 강조 | 클릭·시선을 끄는 눈에 띄는 색 |
여기서 제일 많이 실수하는 게 포인트색을 넓게 쓰는 거예요. 포인트는 말 그대로 '점'이에요. 화면에 10%만 있어야 눈에 띄는데, 이걸 배경에 쫙 깔아버리면 그냥 시끄러운 페이지가 돼요. 반대로 서브색은 있는 듯 없는 듯 깔려야 하고요.
순서가 중요해요. 저는 항상 메인 먼저, 그다음 서브, 마지막에 포인트 이 순서로 정해요. 거꾸로 하면 포인트에 홀려서 메인이 흔들리거든요.
메인색은 브랜드가 손님한테 주고 싶은 첫인상이에요. 차분한 무드면 깊은 네이비나 딥그린, 발랄하면 코랄이나 옐로우, 고급스러우면 블랙이나 차콜. 저희는 여성 캐주얼이라 튀지 않으면서 오래 봐도 안 질리는 색이 필요했어요. 그래서 살짝 그레이가 섞인 잉크 네이비(#2B3A4A 근처)로 갔어요. 계절 타지 않는 게 컸어요.
서브색은 메인을 받쳐주는 조연이에요. 여기서 화려한 색 쓰면 안 돼요. 보통 흰색에 가까운 아이보리, 연한 그레이, 웜톤 베이지 같은 무채색·저채도가 정답이에요. 서브색은 본문 배경이나 카드 바탕처럼 넓지만 '조용히' 깔리는 자리에 들어가요. 저희는 #F4F1EC 아이보리로 잡았고, 상세페이지 배경 대부분이 이 색이에요.
포인트색은 딱 하나만, 확실하게 튀는 걸로. 구매 버튼·세일 뱃지·품절 임박 문구처럼 손님이 클릭하거나 반응해야 하는 곳에만 써요. 메인이 차분한 네이비니까 포인트는 반대로 따뜻하고 눈에 확 들어오는 벽돌빛 코랄(#E8674C)로 잡았어요. 이 색은 페이지에 정말 조금만 등장하는데, 그래서 오히려 눈이 거기로 딱 가요.
색을 못 고르겠으면 이미 잘하는 브랜드 3~4곳의 화면을 캡처해서 스포이드로 HEX를 뽑아보세요. 베끼라는 게 아니라, '아 얘네는 서브색을 이렇게 연하게 쓰는구나' 하는 감을 잡는 용도예요. 그다음 내 브랜드 성격에 맞게 채도랑 명도만 살짝 틀면 나만의 팔레트가 나와요.
색을 눈으로만 기억하면 매번 미묘하게 달라져요. 어제는 #2B3A4A였는데 오늘은 감으로 찍어서 #34455A가 되고... 이게 쌓이면 브랜드가 흐트러져요. 그래서 저는 색 정하자마자 메모 앱에든 노션에든 표 하나 박아둬요. 아래처럼요.
| 이름 | HEX | RGB | 주 용도 |
|---|---|---|---|
| 메인 · 잉크네이비 | #2B3A4A | 43, 58, 74 | 로고, 헤더, 제목 텍스트 |
| 서브 · 아이보리 | #F4F1EC | 244, 241, 236 | 배경, 카드 바탕 |
| 포인트 · 코랄 | #E8674C | 232, 103, 76 | 구매 버튼, 세일 뱃지 |
| (보조) 본문 그레이 | #6B7280 | 107, 114, 128 | 설명 텍스트 |
3색이 기본이지만, 본문 글자용 중간 회색 하나 정도는 '중립 텍스트 색'으로 예외로 둬도 괜찮아요. 이건 브랜드 색이라기보단 가독성용이니까요. 순검정(#000000)은 화면에서 좀 딱딱해서, 저는 살짝 부드러운 #333 계열을 써요.
인쇄물(패키지·스티커·명함)까지 갈 거면 HEX만으로는 부족해요. 모니터 색(RGB)과 인쇄 색(CMYK)은 원래 안 맞아요. 특히 채도 높은 코랄·형광 계열은 인쇄하면 확 죽어버려요. 스티커 대량 주문 전엔 꼭 실물 샘플 한 장 받아서 눈으로 확인하세요. 몇천 원 아끼려다 수십만 원어치 박스가 촌스러운 색으로 나올 수 있어요.
팔레트를 정했으면 이제 접점마다 '같은 규칙'으로 발라야 통일감이 생겨요. 채널별로 어떻게 쓰는지 정리해볼게요.
상세페이지가 제일 중요해요. 배경은 서브색(아이보리)으로 넓게 깔고, 소제목이랑 중요한 문구는 메인색(네이비)으로, 구매 유도 버튼이랑 혜택 뱃지만 포인트색(코랄)으로. 이 규칙만 지켜도 페이지가 정돈돼 보여요. 상품 사진 자체는 색을 억지로 맞출 필요 없어요. 옷 색은 옷 색대로 살리되, 사진을 감싸는 프레임·텍스트·버튼을 팔레트로 통일하는 거예요.
SNS 피드는 아이보리 배경 톤을 기본으로 깔면 피드 전체가 한 결로 보여요. 인스타는 특히 세 칸씩 묶여 보이니까, 텍스트 카드 만들 때 배경-글자-포인트 조합만 고정해두면 브랜드 계정 느낌이 확 살아요. 저는 카드 템플릿을 딱 두 종류만 만들어놓고 돌려써요. 매번 새로 디자인 안 해서 편하고, 손님 눈엔 일관돼 보이고.
패키지는 무지 박스에 브랜드 색 스티커 한 장, 혹은 감사 카드 한 장이면 충분해요. 박스 전체를 인쇄하면 단가가 확 뛰어서, 저희처럼 마진 빠듯한 자사몰은 스티커·띠지 정도가 현실적이에요. 여기에도 메인색을 바탕으로, 로고랑 한 줄 문구는 포인트색으로. 손님이 박스 열었을 때 상세페이지에서 봤던 그 색이 또 나오면 '아 여기구나' 하고 각인돼요.
새 콘텐츠 만들 때마다 색을 새로 고민하지 마세요. 팔레트 표를 배경화면이나 노션 즐겨찾기에 박아두고, 디자인 툴엔 아예 '브랜드 색' 스와치로 저장해두세요. 캔바 쓰시면 브랜드 키트에 HEX 4개 등록해두면 클릭 한 번으로 불러와요. 이 작은 습관이 몇 달 뒤 통일감으로 돌아와요.
브랜딩이 매출로 바로 이어지냐고 물으시면... 솔직히 하루아침엔 아니에요. 다만 색이 통일된 브랜드는 손님이 두 번째 봤을 때 기억해요. 그 재방문·재구매가 쌓이는 게 결국 매출이고요. 색을 정리하는 김에 재구매율이랑 고객 세분화(RFM) 글도 같이 보시면, '기억에 남는 브랜드가 왜 남는 장사가 되는지' 감이 잡히실 거예요.
딱 3개만 쓰라는 규칙은 아니에요. 핵심은 '역할이 분명한 대표색 3개'를 정하는 거예요. 여기에 본문 글자용 회색, 성공/에러 표시용 초록·빨강 같은 기능색은 예외로 더해도 괜찮아요. 다만 '브랜드를 상징하는 색'은 3개를 넘기지 않는 게 기억에 유리해요.
메인색은 오래 쓸 거라 트렌드보다 '질리지 않는 색'을 추천해요. 유행색은 한두 시즌 SNS 콘텐츠나 시즌 캠페인 포인트로만 잠깐 쓰고 빼는 게 안전해요. 브랜드 얼굴을 유행에 맡기면 1년 뒤에 또 갈아엎어야 하거든요...
색은 시작이에요. 폰트, 사진 톤(따뜻하게/차갑게), 말투까지 같이 정해야 진짜 통일된 브랜드가 돼요. 다만 색이 가장 빠르게 눈에 각인되니까, 리소스가 부족하면 색부터 잡는 게 가성비가 제일 좋아요.
브랜딩에 쓴 시간이 실제 순수익으로 돌아오는지, 대시부스터가 원가·수수료·세금 다 뺀 진짜 순익을 실시간으로 보여드려요.
7일 무료로 시작하기 →