브랜드 색상 팔레트, 주색·보조색·강조색 비율 정하기
브랜드 색상 팔레트는 주색 하나, 보조색 두세 개, 강조색 하나 정도로 구성하고, 화면에 쓰는 비율을 정해 두면 어디서든 일관된 인상을 줄 수 있습니다. 색이 많으면 화려해 보일 것 같지만 실제로는 산만해지고 브랜드가 기억에 남지 않습니다. 흔히 쓰는 60:30:10 비율은 처음 팔레트를 짤 때 좋은 출발점이 됩니다.
색마다 역할은 무엇인가요?
| 역할 | 비율 예 | 쓰임 |
|---|---|---|
| 바탕색 | 약 60% | 배경, 넓은 면 |
| 주색 | 약 30% | 로고, 머리글, 주요 영역 |
| 강조색 | 약 10% | 버튼, 링크, 알림 |
주색은 브랜드를 떠올리게 하는 대표 색입니다. 보조색은 주색과 어울리며 화면을 나누고 정보를 구분하는 데 씁니다. 강조색은 사용자가 꼭 눌러야 하는 버튼이나 중요한 알림처럼 시선을 모아야 할 곳에만 아껴 씁니다. 강조색을 여기저기 쓰면 무엇이 중요한지 오히려 알기 어려워집니다.
주색은 어떻게 고르나요?
주색은 브랜드가 주고 싶은 인상과 업종을 함께 생각해 고릅니다. 파랑은 신뢰와 안정, 초록은 자연과 건강, 빨강은 활기와 열정 같은 인상을 주는 경향이 있습니다. 다만 같은 업종의 경쟁 브랜드가 모두 비슷한 색을 쓰고 있다면, 일부러 다른 색을 골라 차별화하는 전략도 있습니다. 색이 주는 느낌은 문화와 맥락에 따라 달라질 수 있어, 목표 고객의 반응을 함께 보는 것이 좋습니다.
명도와 채도 단계도 정해야 하나요?
실제 디자인에서는 주색 하나만으로 부족합니다. 같은 색을 밝게, 어둡게 조정한 단계를 미리 만들어 두면 배경, 테두리, 눌린 버튼 상태처럼 다양한 곳에 일관되게 쓸 수 있습니다. 보통 아주 밝은 색부터 아주 어두운 색까지 여러 단계를 정해 번호를 붙입니다. 회색 계열도 단계별로 정리해 두면 글자와 배경, 구분선에 쓰기 편합니다.
글자 대비는 어떻게 확인하나요?
팔레트를 정할 때는 그 색 위에 글자를 올렸을 때 잘 읽히는지 반드시 확인해야 합니다. 웹 접근성 기준에서는 일반 글자와 배경의 명도 대비를 일정 비율 이상으로 권장합니다. 예쁜 파스텔 색 위에 흰 글자를 올리면 대비가 부족해 읽기 어려운 경우가 많습니다. 색 대비를 계산해 주는 도구로 주요 조합을 미리 점검해 두십시오.
인쇄와 화면 색은 어떻게 맞추나요?
같은 색이라도 화면과 인쇄물에서 다르게 보입니다. 그래서 브랜드 색은 화면용 값(RGB, HEX)과 인쇄용 값(CMYK, 별색 번호)을 함께 정해 두어야 합니다. 화면에서 선명한 색 가운데에는 인쇄로 표현하기 어려운 색도 있습니다. 팔레트를 확정하기 전에 실제로 인쇄해 보고 화면 색과 비교하면 나중의 혼란을 줄일 수 있습니다. 브랜드 디자인 사례는 에서 볼 수 있습니다.
자주 묻는 질문
색은 몇 가지가 적당한가요?
주색과 보조색, 강조색을 합쳐 네다섯 가지 안팎이 관리하기 좋습니다.
다크 모드 색도 따로 정해야 하나요?
화면 서비스라면 다크 모드용 단계를 따로 정해 두는 것이 좋습니다.
경쟁사와 색이 비슷하면 문제가 되나요?
법적인 문제와 별개로 구분이 어려울 수 있습니다. 차별화를 고려하십시오.
관련 추천 칼럼
- 로고가 작아지면 무너지는 이유, 축소 테스트하는 법브랜딩
- 인포그래픽 만들기, 데이터보다 메시지를 먼저 정하세요인스퍼레이션
- 랜딩 페이지 첫 화면, 3초 안에 전달해야 할 세 가지웹디자인
- 다크 모드 디자인, 검정 바탕에 흰 글자만으로는 부족한 이유UI/UX
- 글자가 잘 안 읽힌다면, 색 대비 기준부터 확인하세요UI/UX
- 웹페이지가 느릴 때, 이미지 용량부터 줄이는 방법웹디자인
- 디자인 피드백 주는 법, '느낌이 별로'를 구체적으로 바꾸기인스퍼레이션
- 제품 패키지 디자인, 인쇄 전에 놓치기 쉬운 확인 사항그래픽디자인
- 랜딩페이지 첫 화면 구성, 3초 안에 무엇을 보여 줘야 할까웹디자인
- 입력 폼에서 사람들이 떠나는 이유, 이탈을 줄이는 설계UI/UX