보색 배색: 23가지 팔레트 선택 + Hex

보색 배색은 색상환의 반대편에 있는 색조를 짝지어 즉각적인 대비, 명확성, 시각적 에너지를 만듭니다. 중성 색상과 균형을 이루면 가독성을 희생하지 않으면서도 모던하고, 프리미엄하며, 경쾌하거나 영화 같은 느낌을 줄 수 있습니다.

아래는 HEX 코드가 포함된 20개 이상의 보색 팔레트 아이디어와 Media.io에서 매칭되는 비주얼을 생성하기 위해 복사할 수 있는 빠른 사용 팁 및 AI 프롬프트입니다.

보색 배색이 효과적인 이유

보색은 색상환에서 서로 반대편에 위치하기 때문에 높은 대비를 만듭니다. 이러한 대비는 버튼, 헤드라인 또는 제안 태그와 같은 중요한 요소가 빠르고 명확하게 돋보이도록 돕습니다.

또한 자연스럽게 시각적 위계를 구축합니다. 한 색상은 주요 기본색이 될 수 있고, 보색은 행동이나 강조를 나타내는 액센트가 됩니다. 몇 가지 보조 중성 색상을 사용하면 디자인이 혼란스럽지 않고 깔끔하게 유지됩니다.

채도를 조절하고 어두운/밝은 앵커를 추가하면 보색 배색은 대비가 모든 것인 작은 크기에서도 UI, 인쇄물, 소셜 레이아웃 전반에서 가독성을 유지합니다.

20개 이상의 보색 팔레트 아이디어 (HEX 코드 포함)

1) 코랄과 틸 팝

HEX: #ff6b6b #1fb6aa #0b2d39 #ffe3d6 #f7f7f2

분위기: 경쾌한, 활기찬, 모던한

최적 용도: 여름 세일을 위한 소셜 미디어 광고 크리에이티브

해변 시장의 엽서처럼 쿨한 틸과 대비되는 코랄의 따뜻함으로 경쾌한 비치 에너지가 전해집니다. 밝은 액센트가 읽기 쉽게 유지되도록 헤드라인에는 더 어두운 네이비 톤을 사용하세요. 시각적 피로를 피하고 버튼이 클릭 가능하게 느껴지도록 부드러운 크림 공간과 이 보색 배색을 조합하세요. 팁: 명확한 위계를 유지하기 위해 코랄은 주요 행동 유도 문안에, 틸은 보조 하이라이트에 사용하세요.

media.io를 사용하여 생성된 코랄과 틸 팝의 이미지 예시

Media.io

Media.io는 브라우저에서 비디오, 이미지, 오디오를 생성하고 편집할 수 있는 온라인 AI 스튜디오입니다.

지금 무료로 체험하기

2) 사프란과 인디고 스튜디오

HEX: #f4b400 #3f37c9 #111827 #f5f1e8 #9aa3b2

분위기: 자신감 있는, 프리미엄, 창의적인

최적 용도: 디자인 스튜디오를 위한 브랜드 아이덴티티 무드보드

갤러리의 스포트라이트처럼 깊은 인디고 위에 사프란 하이라이트로 자신감 넘치는 스튜디오 세련미가 나타납니다. 인디고와 거의 검은색을 로고와 타이포그래피의 앵커로 사용한 다음 배지와 주요 순간에 사프란을 사용하세요. 따뜻한 오프화이트는 믹스를 시끄럽지 않고 세련되게 유지합니다. 팁: 가장 밝은 노란색은 작은 모양에만 사용하여 만화 같지 않고 프리미엄하게 느껴지도록 하세요.

media.io를 사용하여 생성된 사프란과 인디고 스튜디오의 이미지 예시

3) 민트와 마젠타 글로우

HEX: #2dd4bf #d946ef #2b0f2f #fdf2f8 #0f766e

분위기: 생동감 있는, 젊은, 나이트라이프

최적 용도: 무지 배경의 음악 이벤트 포스터

늦은 밤 라인업 공개처럼 네온 민트와 일렉트릭 마젠타로 생동감 넘치는 클럽 조명 대비가 튀어나옵니다. 밝은 톤이 혼란스럽지 않고 의도적으로 느껴지도록 깊은 플럼을 베이스로 사용하세요. 옅은 핑크 배경은 에너지를 높게 유지하면서 엣지를 부드럽게 할 수 있습니다. 팁: 작은 텍스트는 플럼이나 다크 틸로 설정하고 네온 컬러는 모양과 제목에 사용하세요.

media.io를 사용하여 생성된 민트와 마젠타 글로우의 이미지 예시

4) 네이비와 탠저린 대비

HEX: #0b1f3b #ff7a18 #1f2937 #f3f4f6 #ffcf9a

분위기: 대담한, 스포티한, 높은 대비

최적 용도: 피트니스 앱을 위한 랜딩 페이지 히어로 섹션

자정 하늘을 배경으로 한 경기장 조명처럼 대담하고 운동적입니다. 네이비를 캔버스로 유지하고 탠저린이 행동을 이끌도록 할 때 보색 팔레트로 작동합니다. 라이트 그레이와 부드러운 애프리콧은 간격과 카드 표면을 깔끔하게 느끼도록 돕습니다. 팁: 경쟁하는 초점을 피하기 위해 화면당 하나의 주요 버튼에만 오렌지를 절제해서 사용하세요.

media.io를 사용하여 생성된 네이비와 탠저린 대비의 이미지 예시

5) 포레스트와 로즈우드

HEX: #0f3d2e #b23a48 #f2e9e4 #3a2b2f #a7c4b5

분위기: 자연스러운, 로맨틱한, 장인적인

최적 용도: 커피 포장 라벨 디자인

로즈우드 스카프를 두른 숲속 산책처럼 자연스러운 로맨스가 나타납니다. 메인 라벨 블록에는 포레스트 그린을, 씰, 원산지 스탬프 또는 로스팅 노트에는 로즈우드를 사용하세요. 크림과 더스티 세이지는 디자인이 무겁지 않고 수작업으로 만든 느낌을 유지하게 합니다. 팁: 그레인이나 종이 재질을 통해 질감을 추가한 다음 잉크 커버리지를 적당히 유지하여 색상이 풍부하게 유지되도록 하세요.

media.io를 사용하여 생성된 포레스트와 로즈우드의 이미지 예시

6) 플럼과 샤트러즈 엣지

HEX: #4b1d5a #b8f20a #121212 #f5f3ff #7c3aed

분위기: 엣지있는, 실험적인, 미래적인

최적 용도: 무지 배경의 앨범 커버 아트워크

어두운 방의 레이저 조명처럼 플럼 그림자가 샤트러즈 스파크를 만나는 엣지있고 전기적인 느낌입니다. 그린이 의도적인 에너지로 읽히도록 검은색과 딥 퍼플을 주요 필드로 유지하세요. 옅은 라벤더 틴트는 트랙리스트 텍스트 블록이나 미묘한 그라데이션에 사용할 수 있습니다. 팁: 날카롭고 미래적인 펀치를 보존하기 위해 두 극단 사이의 중간 톤을 피하세요.

media.io를 사용하여 생성된 플럼과 샤트러즈 엣지의 이미지 예시

7) 스카이와 코퍼 밸런스

HEX: #7dd3fc #b45309 #0f172a #fff7ed #94a3b8

분위기: 차분한, 안정적인, 친근한

최적 용도: 데이터 카드가 있는 SaaS 대시보드 UI

건축물의 햇빛처럼 차분한 스카이 블루가 경쾌한 느낌을 주고 코퍼가 안정적인 따뜻함을 더합니다. 인터페이스가 선명하고 접근성이 유지되도록 차트와 텍스트에는 다크 슬레이트를 사용하세요. 크림은 카드 표면에 잘 어울리며, 코퍼는 주요 하이라이트와 경고에만 제한됩니다. 팁: 데이터 시각화는 대부분 블루-그레이로 유지하고 코퍼는 하나의 의미 있는 신호 상태에만 사용하세요.

media.io를 사용하여 생성된 스카이와 코퍼 밸런스의 이미지 예시

8) 아쿠아와 크림슨 에너지

HEX: #06b6d4 #dc2626 #0b1320 #f8fafc #fecaca

분위기: 활기찬, 대담한, 주목을 끄는

최적 용도: 유튜브 썸네일 그래픽 레이아웃

바쁜 도시의 번쩍이는 간판처럼 고전압 대비가 빠르게 눈에 들어옵니다. 메인 모양에는 아쿠아를, 시청자가 먼저 알아채기를 원하는 하나의 요소에는 크림슨을 사용하세요. 색상끼리 싸우지 않도록 배경은 어둡거나 거의 흰색으로 유지하세요. 팁: 작은 썸네일 크기에서 가독성을 높이기 위해 반대 톤으로 텍스트에 윤곽선을 추가하세요.

media.io를 사용하여 생성된 아쿠아와 크림슨 에너지의 이미지 예시

9) 라벤더와 레몬 소프트니스

HEX: #a78bfa #fde047 #2e1065 #fffdf2 #e9d5ff

분위기: 경쾌한, 부드러운, 몽환적인

최적 용도: 베이비 샤워 초대장 디자인

몽환적이고 경쾌한, 라벤더 안개가 봄 아침처럼 레몬 햇빛을 만납니다. 제목과 테두리에는 라벤더를 사용하고, 작은 아이콘이나 단일 리본 요소에는 레몬을 추가하세요. 부드러운 크림은 초대장을 경쾌하고 인쇄하기 좋게 유지합니다. 팁: 밝은 배경에서 가독성을 유지하려면 작은 텍스트에 더 진한 보라색을 선택하세요.

media.io를 사용하여 생성된 라벤더와 레몬 부드러움의 이미지 예시

10) 샌드와 코발트 미니멀

HEX: #d6c7b2 #1d4ed8 #0f172a #fafaf9 #a8a29e

분위기: 미니멀한, 현대적인, 신뢰할 수 있는

최적 용도: 기업 프레젠테이션 슬라이드 템플릿

미니멀하고 자신감 있는, 모래색 중성톤은 코발트를 날카롭고 목적성 있게 느껴지게 합니다. 슬라이드 베이스로는 오프화이트를, 섹션에는 샌드를, 차트와 주요 숫자에는 코발트를 사용하세요. 다크 네이비는 제목을 거칠어 보이지 않으면서도 선명하게 유지합니다. 팁: 아이콘은 한 가지 색조로 유지하고 코발트는 가장 중요한 슬라이드 요소에만 나타나게 하세요.

media.io를 사용하여 생성된 샌드와 코발트 미니멀의 이미지 예시

11) 올리브와 푸크시아 모던

HEX: #556b2f #d9468f #1f2937 #f5f5f4 #cbd5a7

분위기: 현대적인, 세련된, 약간 레트로한

최적 용도: 패션 룩북 에디토리얼 레이아웃

세련되고 약간 레트로한, 올리브가 룩을 안정시키는 동안 푸크시아가 런웨이 드라마를 더합니다. 큰 블록과 캡션에는 올리브를 사용하고, 인용구나 섹션 구분선에는 푸크시아를 넣으세요. 따뜻한 오프화이트는 레이아웃을 인쇄하기 좋고 눈에 편하게 유지합니다. 팁: 본문 텍스트는 차콜로 유지하고 푸크시아는 예측 가능한 간격으로 나타나게 하여 의도적으로 느껴지게 하세요.

media.io를 사용하여 생성된 올리브와 푸크시아 모던의 이미지 예시

12) 차콜과 피치 리프트

HEX: #111827 #fb7185 #fbbf24 #fff7ed #6b7280

분위기: 친근한, 따뜻한, 전문적인

최적 용도: 가격 카드가 있는 스타트업 홈페이지 UI

친근한 따뜻함이 무광 금속에 부드러운 빛처럼 진지한 차콜 베이스를 밝게 합니다. 이러한 보색 조합은 피치를 하이라이트와 배지에 저장할 때 가격 카드에 잘 작동합니다. 크림은 여백을 친근하게 유지하고 그레이는 보조 텍스트를 처리합니다. 팁: 골든 포인트는 단일 스탠드아웃 플랜에만 사용하여 계층 구조를 혼란스럽게 하지 마세요.

media.io를 사용하여 생성된 차콜과 피치 리프트의 이미지 예시

13) 세룰리안과 살구 데이라이트

HEX: #2563eb #fb923c #0f172a #f1f5f9 #93c5fd

분위기: 낙관적인, 명확한, 활기찬

최적 용도: 컨퍼런스 전단지 디자인

낙관적인 일광 대비는 따뜻한 일출과 짝을 이룬 맑은 하늘처럼 느껴집니다. 세룰리안은 구조와 네비게이션에 강하고, 살구는 날짜, 티켓 및 하이라이트를 앞으로 튀어나오게 합니다. 밝은 슬레이트 톤을 사용하여 밀집된 정보 주변에 숨 쉬는 공간을 만드세요. 팁: 살구는 그라디언트가 아닌 단색 형태로 유지하여 인쇄 출력이 일관되게 유지되도록 하세요.

media.io를 사용하여 생성된 세룰리안과 살구 데이라이트의 이미지 예시

14) 파인과 블러시 웨딩

HEX: #14532d #fda4af #fff7f3 #7c2d12 #86efac

분위기: 로맨틱한, 자연스러운, 우아한

최적 용도: 웨딩 초대장 세트

로맨틱하고 자연스러운, 파인 그린은 부드러운 블러시 꽃잎과 대비되는 상록수 가지처럼 느껴집니다. 블러시를 배경 워시로 사용한 다음 타이포그래피와 얇은 테두리에 파인을 배치하여 클래식한 초대장 룩을 만드세요. 따뜻한 브라운의 터치는 초점을 빼앗지 않으면서 우아한 빈티지 느낌을 더합니다. 팁: 인쇄를 위해 블러시를 더 밝게 유지하고 파인 대비를 높여 미세한 스크립트가 읽기 쉽게 유지되도록 하세요.

media.io를 사용하여 생성된 파인과 블러시 웨딩의 이미지 예시

15) 에그플랜트와 라임 네온

HEX: #2e1065 #a3e635 #0b0b12 #f5f3ff #c4b5fd

분위기: 네온, 극적인, 기술적인

최적 용도: 게임 스트리밍 오버레이 UI 패널

네온 드라마는 어두운 경기장의 야광봉처럼 깊은 에그플랜트에 대한 라임 버스트로 적중합니다. 에그플랜트와 거의 검은색을 패널에 유지하여 라임이 깔끔한 상태 또는 라이브 표시기로 읽히도록 하세요. 부드러운 라벤더는 새로운 색조를 추가하지 않고 보조 상태를 만드는 데 도움이 됩니다. 팁: 라임은 인터랙티브 또는 라이브 요소에만 적용하여 오버레이가 움직이는 동안 읽기 쉽게 유지하세요.

media.io를 사용하여 생성된 에그플랜트와 라임 네온의 이미지 예시

16) 슬레이트와 마리골드 에디토리얼

HEX: #334155 #f59e0b #0f172a #f8fafc #cbd5e1

분위기: 에디토리얼한, 똑똑한, 세련된

최적 용도: 매거진 특집 스프레드 레이아웃

똑똑한 에디토리얼 대비는 마리골드 형광펜이 있는 종이 위의 잉크처럼 느껴집니다. 슬레이트와 거의 검은색은 헤드라인과 본문 텍스트를 담당하고, 마리골드는 인용구와 섹션 마커를 팝하게 만듭니다. 밝은 그레이는 그리드를 질서 있고 차분하게 유지합니다. 팁: 마리골드로 큰 배경을 칠하지 말고, 대신 독자를 스프레드로 안내하는 데 사용하세요.

media.io를 사용하여 생성된 슬레이트와 마리골드 에디토리얼의 이미지 예시

17) 터콰이즈와 브릭 헤리티지

HEX: #14b8a6 #9a3412 #1c1917 #fff7ed #fed7aa

분위기: 헤리티지, 수공예의, 따뜻한

최적 용도: 레스토랑 메뉴 디자인

헤리티지 따뜻함은 벽돌과 나무 옆 유약을 바른 타일처럼 나타납니다. 섹션 헤더와 작은 아이콘에는 터콰이즈를 사용하고, 주요 요리와 특선에는 브릭을 사용하세요. 크림 종이 톤은 메뉴를 친근하게 유지하고 따뜻한 조명 아래에서 읽기 쉽게 합니다. 팁: 코팅되지 않은 종이에 인쇄하고 터콰이즈를 플랫 필로 유지하여 시대를 초월한 룩을 만드세요.

media.io를 사용하여 생성된 터콰이즈와 브릭 헤리티지의 이미지 예시

18) 아이스 블루와 번트 오렌지

HEX: #bae6fd #c2410c #082f49 #fffaf0 #94a3b8

분위기: 상쾌한, 야외의, 균형 잡힌

최적 용도: 여행 블로그 헤더 일러스트레이션

상쾌한 공기와 캠프파이어 따뜻함이 이 믹스에서 만나며, 빛나는 불씨 위의 겨울 하늘처럼 느껴집니다. 개방된 영역과 경쾌한 그라디언트에는 아이스 블루를 사용하고, 배지나 위치 핀에는 번트 오렌지를 가져오세요. 깊은 틸은 헤드라인을 고정하고 강한 대비를 유지합니다. 팁: 오렌지를 한두 개의 초점 요소로 제한하여 헤더가 바쁘지 않고 차분하게 느껴지도록 하세요.

media.io를 사용하여 생성된 아이스 블루와 번트 오렌지의 이미지 예시

19) 레드와 그린 클래식

HEX: #b91c1c #166534 #111827 #f9fafb #fca5a5

분위기: 클래식한, 축제의, 대담한

최적 용도: 홀리데이 프로모 배너 디자인

클래식 대비는 상록수 가지에 대한 포장된 선물처럼 축제적이고 대담하게 느껴집니다. 그린을 주요 필드로 사용하고 할인 및 기간 한정 태그에는 레드를 가져오세요. 중립적인 화이트와 차콜은 타이포그래피를 깔끔하게 유지하고 배너가 구식으로 보이지 않도록 합니다. 팁: 배경에는 밝은 색조로 레드를 부드럽게 하고, 가장 깊은 레드는 주요 오퍼를 위해 보관하세요.

media.io를 사용하여 생성된 레드와 그린 클래식의 이미지 예시

20) 베이지와 바이올렛 캄

HEX: #e7d8c9 #6d28d9 #1f2937 #fffaf5 #c4b5fd

분위기: 차분한, 아늑한, 우아한

최적 용도: 스파 브로슈어 표지

차분하고 아늑한, 베이지는 린넨처럼 읽히고 바이올렛은 조용한 럭셔리의 터치를 더합니다. 표지 배경에는 베이지와 부드러운 크림을 사용한 다음 제목과 작은 장식 라인에는 바이올렛을 설정하세요. 차콜은 미세한 인쇄물을 거칠지 않게 선명하게 유지합니다. 팁: 바이올렛 채도를 적당하게 유지하고 프리미엄 느낌을 위해 여백과 타이포그래피에 기대세요.

media.io를 사용하여 생성된 베이지와 바이올렛 캄의 이미지 예시

21) 선셋 블루와 앰버 글로우

HEX: #1e3a8a #f97316 #0b1220 #fff7ed #fdba74

분위기: 따뜻한, 영화 같은, 자신감 있는

최적 용도: 팟캐스트 커버 아트

영화 같은 따뜻함은 깊은 푸른 하늘에 대한 일몰 빛처럼 착륙합니다. 네이비를 주요 배경으로 사용하고 앰버가 기억하기를 원하는 제목 단어를 처리하게 하세요. 부드러운 크림은 어수선함을 추가하지 않고 배지나 에피소드 번호를 프레임할 수 있습니다. 팁: 강한 보색 팔레트 룩을 위해 타입을 크게 유지하고 앰버는 하나의 기본 텍스트 레이어에만 사용하세요.

media.io를 사용하여 생성된 선셋 블루와 앰버 글로우의 이미지 예시

22) 로즈와 시폼 가든

HEX: #e11d48 #34d399 #064e3b #fff1f2 #bbf7d0

분위기: 신선한, 식물의, 기분 좋은

최적 용도: 봄 카드를 위한 수채화 식물 일러스트레이션

신선한 정원 대비는 비가 온 후 시폼 잎에 끼워진 장미 꽃잎처럼 느껴집니다. 시폼과 연한 핑크가 더 큰 워시를 차지하게 하고, 줄기와 그림자에는 더 깊은 그린을 사용하세요. 로즈의 작은 히트는 중심 꽃이 생생하고 입체적으로 느껴지게 합니다. 팁: 가장자리를 부드럽게 유지하고 가장 어두운 그린을 아껴 사용하여 일러스트레이션이 경쾌하게 유지되도록 하세요.

media.io를 사용하여 생성된 로즈와 시폼 가든의 이미지 예시

23) 시안과 러스트 워크숍

HEX: #0ea5e9 #b45309 #1f2937 #f8fafc #fcd34d

분위기:실용적, 산업적, 경쾌한

최적 용도:도구 브랜드 제품 광고 패키징 목업

실용적인 작업장 에너지가 낡은 가죽 옆의 페인트칠된 강철처럼 느껴집니다. 시안은 브랜드 블록에 현대적인 느낌을 주고, 러스트는 라벨이나 특징 콜아웃에 거칠고 신뢰감 있는 느낌을 더합니다. 화이트와 차콜을 사용하여 레이아웃을 구조화되고 쉽게 스캔할 수 있도록 유지하세요. 팁: 시안을 가장 큰 색상 영역으로 유지하고 러스트를 주요 사양의 강조색으로 사용하여 따뜻함의 균형을 맞추세요.

media.io를 사용하여 생성된 시안과 러스트 작업장의 이미지 예시

보색과 잘 어울리는 색상은?

보색 조합은 "버퍼" 톤인 오프화이트, 따뜻한 크림, 쿨 그레이, 딥 차콜을 추가하면 사용하기 더 쉬워집니다. 이러한 중성색은 눈의 피로를 줄이고 주요 색상에 깨끗한 무대를 제공합니다.

딥 앵커(네이비, 거의 검은색, 다크 플럼, 다크 그린)는 특히 타이포그래피와 UI 구성 요소에 유용합니다. 보색 강조색이 밝거나 채도가 높을 때 대비를 일관되게 유지합니다.

주요 색조의 부드러운 틴트도 잘 작동합니다—딥 틸과 페일 핑크, 또는 딥 퍼플과 라벤더처럼—팔레트 관계를 유지하면서 가독성과 간격을 개선하기 때문입니다.

실제 디자인에서 보색 배색을 사용하는 방법

배경, 큰 패널 또는 브랜드 블록에 지배적인 색상(종종 더 어두운 색상)으로 시작하세요. 그런 다음 보색을 CTA, 배지, 하이라이트 및 초점 모양의 강조색으로 사용하여 주의가 원하는 곳에 정확히 가도록 하세요.

채도가 높은 영역이 서로 닿는 수를 제한하여 대비를 "깨끗하게" 유지하세요. 두 보색이 모두 밝으면 화이트 공간, 얇은 테두리 또는 다크 앵커로 분리하여 진동하는 가장자리와 시각적 피로를 방지하세요.

접근성을 위해 실제 크기로 배경의 텍스트를 테스트하세요. 많은 경우 밝은 보색을 도형과 버튼에 사용하고 본문 텍스트는 차콜이나 거의 검은색으로 유지하는 것이 가장 좋은 접근 방식입니다.

AI로 보색 팔레트 비주얼 만들기

이미 HEX 코드가 있다면 일관된 프롬프트 스타일과 평범한 배경을 사용하여 포스터, UI 히어로, 패키징 목업 또는 커버 아트와 같은 샘플 레이아웃을 생성하여 브랜드에 맞는 비주얼로 빠르게 전환할 수 있습니다.

위의 프롬프트를 템플릿으로 사용하세요: 주제(포스터, 초대장, 썸네일)를 바꾸고, 지배적인 색상과 강조 색상을 지정하고, "사진 없음"과 같은 메모를 추가하여 결과를 깨끗하고 그래픽적으로 유지하세요.

구성이 마음에 들면 한 번에 하나의 변수(강조 크기, 배경 톤, 타이포그래피 굵기)만 조정하여 반복하여 자산 전체에서 보색 팔레트를 일관되게 유지하세요.

다음: 디스토피아 색상 팔레트