모던 코발트 색상 조합: 20가지 팔레트 조합 + Hex

코발트는 대담하고 선명한 블루로, 자신감, 품질 및 집중력을 즉각적으로 나타냅니다. 디지털 UI에서 돋보이고, 인쇄물에서 선명함을 유지하며, 따뜻한 액센트 색상과 차분한 중성 색상 모두와 아름답게 어울립니다.

아래는 HEX 코드가 포함된 디자이너용 코발트 컬러 팔레트 아이디어 20가지와 실용적인 팁, 그리고 몇 초 만에 일치하는 비주얼을 생성하는 데 사용할 수 있는 AI 준비 프롬프트입니다.

코발트 팔레트가 잘 작동하는 이유

코발트는 채도의 "최적 지점"에 위치합니다: 프리미엄하고 의도적으로 느껴질 만큼 강하지만, 화면과 인쇄물에서 가독성을 유지할 만큼 깨끗합니다. 이것이 브랜딩 시스템과 UI 테마를 위한 신뢰할 수 있는 기본 색상이 되는 이유입니다.

또한 대비와도 잘 어울립니다. 코발트를 거의 검은색 및 쿨 그레이와 페어링하면 현대적이고 기술 중심적인 느낌을, 골드, 구리, 코랄, 앰버를 더하면 세련됨을 잃지 않으면서 따뜻함과 에너지를 추가할 수 있습니다.

코발트는 자연스럽게 주목을 끌기 때문에 계층 구조에 훌륭합니다. 주 색상으로 사용하면 브랜드를 정의할 수 있고, 액센트로 사용하면 버튼, 링크 및 주요 데이터 포인트와 같은 작업을 안내할 수 있습니다.

20가지 이상의 코발트 컬러 팔레트 아이디어 (HEX 코드 포함)

1) 해안 코발트

HEX: #0047AB #2F80ED #A7D8FF #F2F7FF #FFB703

분위기: 밝고, 상쾌하고, 낙관적인

적합한 용도: 여행 브랜딩 및 여름 소셜 포스트

깊은 블루 지평선을 배경으로 햇빛에 반짝이는 물처럼 밝고 상쾌하며, 이 톤은 즉시 기분을 좋게 합니다. 골든 액센트는 클릭 유도 문안에 사용하고 밝은 블루는 넓은 배경에 사용하세요. 깔끔한 산세리프 서체와 충분한 여백과 페어링하여 통풍감을 유지하세요. 팁: 가장 어두운 블루는 로고와 제목에 사용하여 레이아웃을 고정하세요.

media.io를 사용하여 생성된 해안 코발트 이미지 예제

Media.io

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

지금 무료로 사용해보기

2) 도시의 황혼

HEX: #001B3A #003B8E #2D2A32 #8D99AE #EDF2F4

분위기: 무디하고, 세련되고, 메트로폴리탄

적합한 용도: 기술 랜딩 페이지 및 앱 대시보드

무디하고 메트로폴리탄한 느낌으로, 쿨한 간판과 철강 반사로 밝혀진 늦은 밤 거리를 연상시킵니다. 헤더와 내비게이션에는 거의 검은색과 네이비를 사용하고, 슬레이트와 오프화이트를 사용하여 가독성을 유지하세요. 더 밝은 블루는 활성 상태와 주요 버튼에 시끄럽지 않게 잘 작동합니다. 팁: 작은 UI 텍스트와 아이콘의 대비를 테스트하여 어두운 톤의 접근성을 유지하세요.

media.io를 사용하여 생성된 도시의 황혼 이미지 예제

3) 도자기와 코발트

HEX: #0047AB #0B1320 #F7F3EE #D9C7B8 #C1121F

분위기: 클래식하고, 세련되고, 장인적인

적합한 용도: 홈굿즈 및 도자기 패키징

클래식하고 세련되며, 작은 래커 레드 디테일이 있는 수작업으로 그린 도자기를 연상시킵니다. 이 코발트 컬러 팔레트는 크림 배경과 따뜻한 베이지가 블루를 거칠게 느껴지지 않게 하는 프리미엄 라벨에서 빛을 발합니다. 레드는 씰, 스티커 또는 작은 타이포그래피 액센트에 아껴서 추가하세요. 팁: 매트 용지를 사용하여 딥 블루가 광택이 아닌 잉크가 풍부하게 느껴지도록 하세요.

media.io를 사용하여 생성된 도자기와 코발트 이미지 예제

4) 시트러스 스파크

HEX: #0047AB #00A6FB #FFE66D #FF7A00 #F7FFF7

분위기: 장난스럽고, 활기차고, 펀치감 있는

적합한 용도: 이벤트 포스터 및 청소년 마케팅

장난스럽고 활기차며, 감귤 껍질이 터지는 전기 블루 하늘 같은 느낌입니다. 큰 도형과 그라디언트에는 코발트와 밝은 시안을 사용하고, 옐로우와 오렌지는 작지만 대담한 액센트로 흥분을 전달하게 하세요. 시각적 과부하를 피하기 위해 깨끗한 흰색 또는 매우 옅은 배경에서 가장 잘 작동합니다. 팁: 포화된 색상에 대해 타이포그래피를 단순하고 굵게 유지하세요.

media.io를 사용하여 생성된 시트러스 스파크 이미지 예제

5) 세이지 블루프린트

HEX: #0047AB #335C67 #9FC490 #E0EEC6 #F6F7EB

분위기: 차분하고, 안정적이고, 신선한

적합한 용도: 웰니스 웹사이트 및 에코 브랜드

차분하고 안정적이며, 선명한 블루프린트 위에 스케치된 식물학적 노트를 제안합니다. 딥 블루는 헤더 및 주요 아이콘과 같은 구조를 처리하게 하고, 세이지와 옅은 녹색은 전체적인 톤을 부드럽게 합니다. 이 페어링은 신뢰와 친근함을 원하는 브랜드에 탁월합니다. 팁: 페이지가 숨쉴 수 있는 느낌을 유지하려면 섹션 간격과 카드에 가장 밝은 셰이드를 사용하세요.

media.io를 사용하여 생성된 세이지 블루프린트 이미지 예제

6) 벨벳 플럼 스튜디오

HEX: #0047AB #4A235A #7D3C98 #F4D03F #FDF2E9

분위기: 드라마틱하고, 럭셔리하고, 창의적인

적합한 용도: 뷰티 캠페인 및 에디토리얼 커버

드라마틱하고 럭셔리하며, 보석 톤의 그림자가 있는 스포트라이트 아래의 무대 벨벳처럼 느껴집니다. 이 코발트 컬러 조합은 블루와 플럼이 주도하고 부드러운 크림이 피부 톤과 타이포그래피가 팔레트와 충돌하지 않도록 할 때 가장 강하게 보입니다. 골드-옐로우는 배지나 제품 혜택을 위한 작은 하이라이트로 사용하세요. 팁: 세 가지 포화 색상을 모두 동일한 비중으로 사용하지 마세요; 하나의 히어로와 하나의 지원 액센트를 선택하세요.

media.io를 사용하여 생성된 벨벳 플럼 스튜디오 이미지 예제

7) 콘크리트와 크롬

HEX: #0B1320 #0047AB #3D5A80 #98C1D9 #E0FBFC

분위기: 산업적이고, 선명하고, 현대적인

적합한 용도: 제품 UI 및 SaaS 브랜딩

산업적이고 선명하며, 쿨한 콘크리트에 대비된 광택 금속을 떠올리게 합니다. 거의 검은색과 딥 블루는 자신감 있는 계층 구조를 만들고, 밝은 블루는 패널, 테이블 및 미묘한 구분선을 처리합니다. 기하학적 아이콘과 얇은 라인 스트로크와 잘 어울려 기술 중심적인 느낌을 줍니다. 팁: 데이터 시각화가 명확하고 차분하게 유지되도록 가장 옅은 셰이드를 배경으로 사용하세요.

media.io를 사용하여 생성된 콘크리트와 크롬 이미지 예제

8) 사암 블루

HEX: #0047AB #2A9D8F #E9C46A #F4A261 #FAF3E0

분위기: 태양에 따뜻해진, 여유로운, 해안의

적합한 용도: 레스토랑 메뉴 및 라이프스타일 브랜딩

태양에 따뜻해지고 여유로우며, 모래 돌과 테라코타와 페어링된 오션 블루처럼 느껴집니다. 크림을 베이스로 유지한 다음, 제목에는 코발트를, 지원 블록과 아이콘에는 틸을 레이어링하세요. 따뜻한 옐로우와 오렌지는 가격, 버튼 또는 섹션 태그를 위한 훌륭한 하이라이트가 됩니다. 팁: 팔레트가 노티컬보다 지중해풍으로 읽히기를 원한다면 코발트를 더 작은 영역에 사용하세요.

media.io를 사용하여 생성된 사암 블루 이미지 예제

9) 네온 아케이드 블루

HEX: #0047AB #3A86FF #8338EC #FF006E #0B0F1A

분위기: 대담하고, 미래적이고, 나이트라이프

적합한 용도: 음악 프로모 및 스트리머 그래픽

대담하고 미래적이며, 깊은 미드나잇 베이스에 대비된 아케이드 글로우와 클럽 조명을 연상시킵니다. 어두운 셰이드는 배경을 담당하게 하고, 큰 도형과 타입에는 코발트와 일렉트릭 블루를 사용하세요. 마젠타와 바이올렛은 아이콘, 배지 또는 작은 그라디언트에 완벽한 액센트로만 사용해야 합니다. 팁: 네온 순간이 혼란스럽지 않고 의도적으로 느껴지도록 충분한 네거티브 스페이스를 유지하세요.

media.io를 사용하여 생성된 네온 아케이드 블루의 이미지 예시

10) 윈터 잉크

HEX: #002D62 #0047AB #6C757D #E9ECEF #FFFFFF

분위기: 깔끔한, 전문적인, 시원한

적합한 용도: 기업 보고서 및 프레젠테이션

깔끔하고 전문적이며, 날카로운 잉크 선이 있는 신선한 눈처럼 느껴집니다. 제목, 차트 및 핵심 요점에는 두 가지 블루를 사용하고, 회색과 오프화이트는 페이지를 조용하고 읽기 쉽게 유지합니다. 이 조합은 무겁게 보이지 않으면서 권위가 필요한 문서에 이상적입니다. 팁: 차트를 쉽게 스캔할 수 있도록 데이터 하이라이트에만 코발트를 적용하세요.

media.io를 사용하여 생성된 윈터 잉크의 이미지 예시

11) 보타니컬 코발트

HEX: #0047AB #1B4332 #2D6A4F #B7E4C7 #F1FAEE

분위기: 신선한, 자연스러운, 자신감 있는

적합한 용도: 스킨케어 포장 및 친환경 라벨

신선하고 자연스러우며, 무성한 잎과 부드러운 아침 빛 옆의 깊은 블루 유리처럼 읽힙니다. 이 코발트 컬러 팔레트는 그린을 지배적으로 유지하고 블루를 프리미엄 강조로 사용할 때 친환경 제품에 특히 잘 작동합니다. 재활용 종이와 같은 촉각적 질감과 단순한 식물 라인 아트와 짝을 이루세요. 팁: 코팅되지 않은 용지에서 흐릿한 가장자리를 방지하기 위해 가장 어두운 톤을 약간 줄인 잉크 커버리지로 인쇄하세요.

media.io를 사용하여 생성된 보타니컬 코발트의 이미지 예시

12) 코퍼 워크샵

HEX: #0047AB #B87333 #D4A373 #FEFAE0 #283618

분위기: 장인적인, 따뜻한, 전통적인

적합한 용도: 장인 제품 광고 및 메이커 브랜드

장인적이고 따뜻하며, 구리 도구, 오래된 종이, 그리고 강한 블루 승인 스탬프를 암시합니다. 크림을 베이스로 사용한 다음 브랜드 마크와 제목에 코발트를 추가하여 선명한 대비를 만드세요. 구리와 탄 톤은 아름다운 테두리, 배지 및 포장 트림을 만듭니다. 팁: 블루와 경쟁하지 않도록 작은 텍스트나 보조 라벨에 다크 그린을 유지하세요.

media.io를 사용하여 생성된 코퍼 워크샵의 이미지 예시

13) 로즈 쿼츠 블루

HEX: #0047AB #F4ACB7 #FFCAD4 #FFF1E6 #5A189A

분위기: 부드러운, 낭만적인, 현대적인

적합한 용도: 웨딩 초대장 및 뷰티 소셜

부드럽고 낭만적이며, 선명하고 자신감 있는 블루에 대비되는 블러쉬 꽃잎처럼 느껴집니다. 배경에는 연한 크림과 핑크를 사용한 다음 이름, 모노그램 또는 주요 세부 사항에 코발트를 사용하세요. 바이올렛은 미묘한 그림자나 작은 장식적 장식으로 가장 좋습니다. 팁: 로맨스를 위해 우아한 세리프 타입을 선택하고 보조 정보를 위해 깔끔한 산세리프를 선택하세요.

media.io를 사용하여 생성된 로즈 쿼츠 블루의 이미지 예시

14) 미니멀 코발트 모노

HEX: #0B1320 #1C2541 #0047AB #5BC0BE #F5F5F5

분위기: 미니멀한, 날카로운, 자신감 있는

적합한 용도: 포트폴리오 사이트 및 케이스 스터디

미니멀하고 날카로우며, 어두운 잉크, 시원한 틸 하이라이트, 그리고 깨끗한 갤러리 벽처럼 보입니다. 타이포그래피에는 거의 블랙과 딥 네이비를 유지한 다음 링크와 주요 UI 상태에 코발트를 사용하세요. 틸은 태그, 아이콘 또는 호버 효과에 적게 사용할 때 현대적인 감각을 더합니다. 팁: 다크 톤이 의도적이고 프리미엄하게 느껴지도록 엄격한 간격 시스템을 고수하세요.

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

15) 오션 글래스

HEX: #0047AB #0077B6 #00B4D8 #90E0EF #CAF0F8

분위기: 시원한, 상쾌한, 경쾌한

적합한 용도: SaaS 온보딩 및 핀테크 UI

시원하고 상쾌하며, 층층이 쌓인 물과 유리 반사처럼 읽힙니다. 구조와 네비게이션에는 가장 깊은 두 블루를 사용한 다음 더 밝은 아쿠아 쉐이드로 카드, 모달 및 빈 상태를 부드럽게 하세요. 이 세트는 명확성과 평온함이 필요한 온보딩 화면에 특히 강합니다. 팁: 새로운 색상을 도입하지 않고 깊이를 만들기 위해 중간 블루 사이에 미묘한 그라디언트를 추가하세요.

media.io를 사용하여 생성된 오션 글래스의 이미지 예시

16) 하베스트 콘트라스트

HEX: #0047AB #6D4C41 #DDA15E #F6BD60 #FAF3DD

분위기: 아늑한, 자연스러운, 매력적인

적합한 용도: 카페 브랜딩 및 시즌 프로모션

아늑하고 자연스러우며, 외부에 대담한 블루 간판이 있는 따뜻한 베이커리 인테리어처럼 느껴집니다. 크림과 캐러멜 톤은 친근한 배경을 만들고, 코발트는 로고와 헤드라인에 현대적인 펀치를 더합니다. 디바이더, 스탬프 및 작은 텍스트와 같은 기초 요소에 브라운을 사용하세요. 팁: 팔레트가 차갑지 않고 매력적으로 유지되도록 블루를 강렬한 순간에만 제한하세요.

media.io를 사용하여 생성된 하베스트 콘트라스트의 이미지 예시

17) 필름 누아르 액센트

HEX: #111111 #0047AB #3A3A3A #BDBDBD #F5F5F5

분위기: 영화 같은, 대담한, 고대비

적합한 용도: 럭셔리 광고 및 모노크롬 포스터

영화 같고 고대비이며, 어둠을 뚫고 나가는 단일 전기 노트와 함께 누아르 포스터를 연상시킵니다. 이 코발트 컬러 조합은 블루가 스포트라이트처럼 사용될 때 가장 좋습니다: 하나의 스트라이프, 하나의 헤드라인, 하나의 키 아이콘. 회색은 구조를 처리하고 오프화이트는 텍스트를 읽기 쉽고 세련되게 유지합니다. 팁: 드롭 섀도우를 피하고 선명하고 포스터 같은 모습을 유지하기 위해 하드 엣지를 사용하세요.

media.io를 사용하여 생성된 필름 누아르 액센트의 이미지 예시

18) 라벤더 블루프린트

HEX: #0047AB #6C63FF #B8B8FF #F8F7FF #FFD6A5

분위기: 몽환적인, 창의적인, 친근한

적합한 용도: 크리에이티브 에이전시 및 스타트업 피치 덱

몽환적이고 창의적이며, 부드러운 바이올렛 잉크로 색칠된 스케치북 아이디어처럼 느껴집니다. 구조에는 코발트를 유지한 다음 친근한 섹션과 배경 패널에 라벤더 톤을 활용하세요. 피치 액센트는 통계, 배지 또는 슬라이드 번호와 같은 하이라이트에 적합합니다. 팁: 덱이 한눈에 일관성 있게 보이도록 슬라이드당 큰 컬러 블록을 사용하세요.

media.io를 사용하여 생성된 라벤더 블루프린트의 이미지 예시

19) 레트로 애슬레틱

HEX: #0047AB #E63946 #F1FAEE #A8DADC #1D3557

분위기: 스포티한, 레트로, 활기찬

적합한 용도: 팀 상품 및 소셜 그래픽

스포티하고 활기차며, 빈티지 저지와 대담한 사이드라인 배너를 떠올리게 합니다. 베이스에는 다크 네이비와 코발트를 사용한 다음 레드로 콜아웃과 숫자를 강조하세요. 민티 톤은 신선함을 유지하고 무거운 컬러 블록의 균형을 맞추는 데 도움이 됩니다. 팁: 포화된 배경에서 가독성을 위해 가장 밝은 쉐이드로 텍스트를 윤곽선 처리하세요.

media.io를 사용하여 생성된 레트로 애슬레틱의 이미지 예시

20) 데저트 더스크

HEX: #0047AB #264653 #E76F51 #F4A261 #E9C46A

분위기: 모험적인, 따뜻한, 현대적인

적합한 용도: 아웃도어 브랜드 및 캠페인 광고

모험적이고 따뜻하며, 사막 일몰 톤으로 사라지는 깊은 블루 하늘을 암시합니다. 주요 브랜드 레이어에는 코발트와 틸을 사용한 다음 에너지 넘치는 하이라이트를 위해 코랄과 오커를 사용하세요. 깔끔한 레이아웃의 대담한 헤드라인, 배지 및 일러스트레이션 액센트에 아름답게 작동합니다. 팁: 펀치를 유지하기 위해 단일 가장 강한 콜 투 액션에 코랄을 유지하세요.

media.io를 사용하여 생성된 데저트 더스크의 이미지 예시

코발트와 잘 어울리는 색상은?

뉴트럴은 가장 쉬운 매치입니다: 오프화이트, 쿨 그레이, 그리고 거의 블랙은 코발트를 더 날카롭고 현대적으로 느껴지게 합니다. 이러한 페어링은 명확한 계층 구조가 필요한 UI, 에디토리얼 레이아웃 및 브랜드 시스템에 이상적입니다.

따뜻한 액센트(골드, 앰버, 구리, 코랄, 오렌지)는 에너지를 더하고 코발트를 더 인간적이고 매력적으로 느껴지게 합니다. 코발트가 앵커로 남도록 작은 하이라이트—CTA, 배지, 가격표—로 따뜻한 톤을 사용하세요.

자연 지향적 그린(세이지, 파인, 유칼립투스)은 코발트의 강렬함을 부드럽게 하고 브랜드가 신선함과 신뢰를 전달하는 데 도움이 됩니다. 이는 웰니스, 친환경 포장 및 라이프스타일 아이덴티티에 특히 효과적입니다.

실제 디자인에서 코발트 컬러 팔레트를 사용하는 방법

역할 할당부터 시작하세요: 하나의 코발트를 주요(브랜드 마크, 주요 UI 상태)로 선택한 다음 배경을 위한 뉴트럴 베이스, 그리고 강조를 위한 하나의 액센트를 선택하세요. 이렇게 하면 코발트가 많은 디자인이 시끄럽거나 시각적으로 밀집되어 보이는 것을 방지할 수 있습니다.

UI에서는 대비를 일찍 테스트하세요—특히 작은 텍스트, 아이콘 및 비활성 상태에 대해. 코발트는 충분한 간격과 명확한 타이포그래피와 짝을 이룰 때 "바쁜" 것보다 "프리미엄"으로 읽히는 것이 가장 좋습니다.

인쇄의 경우 용지 선택이 중요합니다. 코팅되지 않은 용지는 깊은 블루를 음소거할 수 있습니다; 코팅된 용지는 광택 있게 보이게 할 수 있습니다. 풍부한 코발트가 필요한 경우 교정쇄를 실행하고 흐릿한 가장자리를 피하기 위해 잉크 커버리지를 조정하세요.

AI로 코발트 팔레트 비주얼 만들기

이미 HEX 코드가 있는 경우 레이아웃을 설명하고 팔레트 색상의 이름을 지정하여 일치하는 목업, 포스터, 포장 및 UI 화면을 생성할 수 있습니다. 일관된 프롬프트는 캠페인 전반에 걸쳐 스타일, 조명 및 구성을 정렬하는 데 도움이 됩니다.

하나의 "히어로 코발트"를 사용하고, 배경(크림, 오프화이트 또는 거의 블랙)을 지정한 다음 단일 따뜻한 또는 네온 액센트를 호출하세요. 그 간단한 구조는 AI 출력을 더 깔끔하고 브랜드에 맞게 만듭니다.

다음: 블랙 탄 컬러 팔레트