브랜드 컬러 가이드
로고 색 조합 고르는 법: 두 색과 세 색의 역할
작은 로고에서도 식별성과 재현성을 유지하는 주색·보조색 선택 기준
로고 색 조합은 웹사이트 배색보다 작은 공간에서 더 많은 일을 해야 한다. 명함에서는 손톱만 한 크기로 보이고, 앱 아이콘에서는 다른 아이콘 사이에서 구별되어야 하며, 간판과 영수증에서는 제한된 인쇄 조건을 견뎌야 한다. 화면에서 아름다운 세 색을 골랐더라도 작게 줄였을 때 경계가 사라지거나 흑백 출력에서 같은 회색이 되면 로고 체계로 사용하기 어렵다.
좋은 로고 조합은 색의 수가 많아서 풍부한 것이 아니다. 한 색만 남아도 형태를 알아볼 수 있고, 두 번째 색을 더했을 때 의미나 구조가 선명해져야 한다. 세 번째 색은 꼭 필요한 경우에만 기억점이나 제품군 구분을 맡는다. 먼저 단색 로고를 만든 뒤 색을 추가하면 형태의 약점을 색으로 숨기는 일을 줄일 수 있다.
1. 단색으로 먼저 식별성을 확인하기
로고 시안을 검정 한 색으로 바꾸고 가로 24픽셀 정도까지 줄여 본다. 심볼의 빈 공간이 막히거나 글자와 심볼이 붙어 보이면 색을 고르기 전에 형태를 수정해야 한다. 흰색 한 색으로 어두운 배경에 올렸을 때도 같은 테스트를 한다. 단색 버전은 팩스나 각인처럼 색을 쓸 수 없는 상황뿐 아니라 협찬 로고 묶음, 작은 푸터에서도 필요하다.
단색에서 형태가 분명하면 색은 식별성을 강화하는 역할에 집중할 수 있다. 주색이 빠졌을 때 브랜드를 알아보지 못하는 구조라면 로고 파일 관리가 복잡해지고 배경마다 예외가 늘어난다. 색은 형태를 대신하지 않고, 형태가 전달하는 인상을 조절한다고 생각하는 편이 안전하다.
2. 주색은 가장 자주 재현할 색이다
주색은 로고 안에서 면적이 가장 큰 색이면서 브랜드를 한 색으로 표현해야 할 때 남길 색이다. 홈페이지 버튼, 앱 아이콘, 포장 스티커처럼 반복되는 접점에서도 사용할 수 있어야 한다. 너무 밝은 색을 주색으로 정하면 흰 배경에서 사라지고, 지나치게 어두운 색은 검정 인쇄와 차이가 거의 없어질 수 있다.
고요한 신뢰 팔레트에서 네이비를 로고 주색으로 선택하면 밝은 배경에서 안정적으로 보이고 단색 인쇄에도 대응하기 쉽다. 슬레이트 블루는 심볼의 보조 면이나 서브 브랜드에 사용할 수 있다. 하지만 금융과 전문 서비스에서 청색이 흔하므로 형태, 이름, 사진 방향 중 적어도 하나로 차이를 만들어야 한다.
주색 후보는 경쟁사 로고 열 개와 나란히 놓아 본다. 색상값이 조금 달라도 작은 아이콘에서는 같은 파랑이나 같은 초록으로 보일 수 있다. 경쟁사를 무조건 피하기보다 업종을 알려 주는 익숙한 신호와 우리만의 차이를 구분한다. 신뢰를 전달해야 한다면 청색 관습을 남기고 따뜻한 보조색이나 독특한 형태로 구별할 수 있다.
3. 두 색 로고는 구조를 설명해야 한다
두 번째 색은 단순히 더 화려하게 만들기 위해 넣지 않는다. 심볼과 워드마크를 구분하거나, 이름 안의 핵심 단어를 강조하거나, 서로 다른 두 개념의 결합을 보여 주는 역할이 있어야 한다. 두 색을 같은 면적으로 배치하면 어느 것이 주색인지 모호해지고 작은 크기에서 조각나 보일 수 있다.
먼저 70 대 30 정도의 시각적 우선순위로 시작하되 숫자를 정확히 맞출 필요는 없다. 색의 밝기와 채도가 다르면 작은 면적의 선명한 색이 더 크게 느껴진다. 보조색이 주색보다 훨씬 밝다면 면적을 줄이고, 심볼의 한 점이나 짧은 글자에 사용한다. 색을 제거했을 때 의미가 그대로라면 보조색 없이 더 단순한 로고가 나을 수도 있다.
코랄 코발트 팔레트는 따뜻한 코랄과 차가운 코발트가 강하게 구별된다. 참여나 연결을 강조하는 캠페인에는 활기가 있지만 두 색을 같은 크기로 반복하면 서로 경쟁한다. 코발트를 이름과 기본 심볼에 두고 코랄을 연결점이나 움직임을 나타내는 작은 요소에 제한하면 역할이 선명해진다.
4. 세 번째 색은 체계가 있을 때만 추가하기
세 색 로고는 제품군이 셋이거나 여러 구성원이 모이는 구조처럼 색이 설명할 대상이 있을 때 유용하다. 그렇지 않으면 로고 자체보다 배경, 사진, 버튼과 결합했을 때 색이 너무 많아진다. 세 번째 색을 추가하기 전에 주색과 보조색만으로 앱 아이콘, 명함, 웹 헤더를 만들어 보고 실제로 부족한 기능을 적는다.
세 번째 색은 강조점, 계열 구분, 계절 캠페인 중 한 역할만 맡긴다. 매번 다른 위치에 쓰면 브랜드 기억이 축적되지 않는다. 로고 본체에는 두 색만 사용하고 세 번째 색을 브랜드 그래픽이나 일러스트에 두는 방법도 있다. 로고 파일과 마케팅 팔레트를 분리하면 더 유연하게 확장할 수 있다.
5. 밝은 배경과 어두운 배경 버전을 따로 만든다
하나의 로고 파일에 그림자나 테두리를 계속 추가해 모든 배경을 해결하려 하지 않는다. 밝은 배경용 기본 버전, 어두운 배경용 반전 버전, 사진 위에 올릴 단색 버전을 준비한다. 반전 버전은 색을 단순히 뒤집는 것이 아니라 같은 인상으로 보이도록 밝기와 채도를 조정해야 한다.
미드나이트 골드 팔레트의 차콜과 금색은 밝은 크림 배경에서 절제된 인상을 낸다. 어두운 차콜 배경에서는 금색이 더 선명하게 느껴지므로 면적을 줄이고 워드마크를 크림색으로 바꾸는 편이 안정적이다. 금색 그라디언트를 기본 로고에 고정하면 인쇄와 자수에서 재현하기 어려우므로 평면 단색 버전을 기준으로 둔다.
6. 색 대비보다 형태 경계를 함께 본다
로고에 일반 텍스트와 동일한 대비 기준을 기계적으로 적용하는 것만으로 충분하지 않다. 작은 워드마크는 사실상 읽어야 하는 글자이므로 배경과 분명해야 하고, 심볼의 인접한 두 색도 서로 구별되어야 한다. 특히 비슷한 밝기의 빨강과 초록, 파랑과 자주는 색각 차이가 있는 사용자에게 하나의 면처럼 보일 수 있다.
시안을 흑백으로 변환해 인접 면이 합쳐지는지 확인한다. 합쳐진다면 한 색을 더 밝거나 어둡게 바꾸고, 여백이나 선으로 형태를 분리한다. 색만으로 제품군을 구분한다면 문자, 패턴, 아이콘도 함께 제공한다. 로고의 의미를 모든 사람이 색 이름으로 해석할 필요는 없지만 이름과 형태를 놓치지 않게 해야 한다.
7. 인쇄와 화면의 차이를 예상한다
모니터의 RGB 색은 종이의 CMYK 인쇄나 별색과 같은 결과를 보장하지 않는다. 형광에 가까운 라임, 시안, 보라는 일반 인쇄에서 탁해질 수 있고 코팅 여부에 따라서도 달라진다. 중요한 로고라면 실제 용지에 작은 크기와 큰 크기를 모두 시험 출력하고, 화면용 HEX와 인쇄용 값을 별도로 기록한다.
투명도와 혼합 모드를 로고의 핵심 구조에 사용하지 않는다. 배경색에 따라 결과가 달라져 파일을 받은 사람이 같은 로고를 재현하기 어렵다. 그라디언트를 사용하는 브랜드라도 평면 대체색과 단색 버전을 함께 정의한다. 자수, 레이저 각인, 고무 도장처럼 세부 표현이 제한되는 상황도 한 번은 테스트한다.
8. 최종 파일에는 사용 규칙을 포함한다
로고를 전달할 때 PNG 하나만 주면 색 체계가 유지되지 않는다. 밝은 배경용, 어두운 배경용, 단색 검정, 단색 흰색 파일을 SVG와 PNG로 준비한다. 최소 크기, 주변 여백, 허용 배경, 금지 사례를 한 페이지에 정리한다. HEX, RGB, CMYK 값은 각각 어느 매체에서 사용할지 표시한다.
마지막으로 실제 접점 다섯 곳에 적용한다. 앱 아이콘, 모바일 헤더, 명함, 흑백 영수증, 사진 위 워터마크가 좋은 시험이다. 어느 한 곳에서 색을 계속 예외 처리해야 한다면 조합이나 형태를 다시 단순화한다. 팔레트 실험실에서 후보 조합을 만든 뒤 단색과 두 색 버전부터 검증하면, 보기 좋은 색을 재현 가능한 로고 체계로 바꿀 수 있다.
가이드와 함께 보는 색상 조합
각 색상표에서 HEX 코드를 확인하고, 상세 페이지에서 사용 비율과 텍스트 대비를 비교해 보세요.
고요한 신뢰
밝은 바탕과 단계적인 청색이 차분한 전문성을 만든다.
미드나이트 골드
크림색 여백과 차콜, 무광 금색이 절제된 고급감을 만든다.
코랄 코발트
따뜻한 코랄과 차가운 코발트의 보색 대비가 행동을 유도한다.