군청색은 깊고 선명한 블루로, 즉각적으로 자신감, 장인정신, 그리고 현대적인 세련미를 전달합니다. 함께 조합하는 액센트에 따라 왕실 같고 드라마틱하게 느껴지거나, 깨끗하고 미니멀하게 느껴질 수 있습니다.
아래는 HEX 코드와 함께 바로 사용할 수 있는 20가지 군청색 컬러 팔레트 아이디어와 브랜딩, UI, 인쇄물에서 활용하는 실용적인 팁입니다.
이 글의 내용
군청색 팔레트가 효과적인 이유
군청색은 클래식과 현대 사이의 최적점에 위치합니다. 프리미엄하게 느껴질 만큼 채도가 높지만, 현대적인 인터페이스에도 충분히 깨끗합니다. 이는 히어로 섹션부터 패키징까지 모든 것에서 신뢰할 수 있는 앵커 컬러가 됩니다.
따뜻한 액센트와 차가운 액센트 모두와 자연스럽게 조화를 이룹니다. 골드, 크림, 테라코타를 추가하면 고급스럽고 인간적인 느낌을 주고, 아이시 화이트, 슬레이트 그레이, 시안과 결합하면 깔끔하고 기술 중심적인 분위기를 만듭니다.
가장 중요한 것은 군청색이 대비를 잘 유지한다는 것입니다. 오프화이트와 어두운 뉴트럴 톤으로 균형을 맞추면, 모든 곳에 강한 검은색을 사용하지 않아도 강력한 위계와 가독성을 얻을 수 있습니다.
20가지 이상의 군청색 컬러 팔레트 아이디어 (HEX 코드 포함)
1) 군청색 황혼
HEX: #120A8F #0B1026 #F5F1E8 #C8A24A #E55D73
분위기: 드라마틱하고 럭셔리한
최적 용도: 럭셔리 브랜딩 히어로 섹션
드라마틱하고 럭셔리하며, 벨벳 커튼, 금색 트림, 그리고 블러시 힌트가 있는 밤하늘처럼 느껴집니다. 깊은 블루를 앵커로 사용한 다음, 여백을 위해 크림을 추가하고 프리미엄 신호를 위해 골드를 추가하세요. 고급 랜딩 페이지, 향수 브랜딩 또는 부티크 호텔 비주얼에서 빛을 발합니다. 팁: 핑크는 콜투액션용으로 작은 액센트로만 사용하여 세련된 룩을 유지하세요.
media.io를 사용하여 생성된 군청색 황혼 이미지 예시
Media.io는 브라우저에서 비디오, 이미지, 오디오를 생성하고 편집할 수 있는 온라인 AI 스튜디오입니다.
2) 해양 슬레이트
HEX: #1A2B8A #2F3A4A #8FA3B8 #E7EDF4 #F2A65A
분위기: 차분하고 전문적인
최적 용도: SaaS 대시보드 UI
차분하고 전문적이며, 흐린 하늘 아래 열린 바다와 따뜻한 오렌지 부표처럼 읽힙니다. 네비게이션과 주요 버튼에 슬레이트와 군청색을 조합하고, 배경에는 연한 회색-블루를 사용하세요. 분석, 관리 도구, 그리고 차갑게 보이지 않으면서도 명확성이 필요한 B2B 제품에 특히 잘 작동합니다. 팁: 오렌지는 알림이나 주요 지표에만 사용하여 의미 있게 유지하세요.
media.io를 사용하여 생성된 해양 슬레이트 이미지 예시
3) 포슬린과 군청색
HEX: #1D1FA3 #FFFFFF #F3E7D3 #B9C7E6 #2A2A2A
분위기: 로맨틱하고 깔끔한
최적 용도: 웨딩 초대장 세트
로맨틱하고 깔끔하며, 그려진 도자기, 손글씨 서약, 리넨 위의 부드러운 촛불을 연상시킵니다. 군청색 컬러 팔레트는 대담한 블루를 충분한 화이트와 따뜻한 크림 터치로 균형을 맞출 때 초대장에서 시대를 초월한 느낌을 줍니다. 차콜은 가독성 있는 타입에 사용하고 연한 페리윙클은 섬세한 테두리나 모노그램 채움으로 사용하세요. 팁: 블루가 너무 광택 있게 느껴지지 않도록 코팅되지 않은 종이 질감을 선택하세요.
media.io를 사용하여 생성된 포슬린과 군청색 이미지 예시
4) 네온 아케이드 블루
HEX: #2A00FF #101225 #00E5FF #FF2D95 #EDEDED
분위기: 대담하고 미래적인
최적 용도: 게임 스트림 오버레이
대담하고 미래적이며, 아케이드 글로우, 신스 비트, 어두운 유리의 반사처럼 느껴집니다. 배경을 거의 검은색으로 유지한 다음, 패널, 프레임, 상태 배지에 군청색과 시안을 레이어하세요. 마젠타는 알림, 새 팔로워 또는 라이브 인디케이터용 펄스 액센트로 가장 잘 작동합니다. 팁: 네온 분위기를 희석하지 않으면서 가독성을 높게 유지하려면 작은 레이블에 라이트 그레이를 사용하세요.
media.io를 사용하여 생성된 네온 아케이드 블루 이미지 예시
5) 해안 박물관
HEX: #1627B8 #0F172A #D7E3F1 #9DB6C8 #D9A441
분위기: 품격 있고 항해적인
최적 용도: 박물관 전시 표지판
품격 있고 항해적이며, 해양 지도, 광택 있는 황동, 조용한 갤러리 조명을 떠올리게 합니다. 군청색과 거의 검은색은 강력한 길 찾기 헤더를 만들고, 안개 낀 블루는 패널을 읽기 쉽게 유지합니다. 황동-골드는 화려하지 않으면서 섹션 마커나 전시 번호에 완벽합니다. 팁: 본문 텍스트는 연한 배경에 유지하고 큰 골드 블록은 피하여 박물관 같은 절제를 유지하세요.
media.io를 사용하여 생성된 해안 박물관 이미지 예시
6) 시트러스 팝 대비
HEX: #1B2AE0 #F7F7F2 #FFB000 #3A3A3A #A7B4D6
분위기: 활기차고 깔끔한
최적 용도: 소셜 미디어 프로모션 템플릿
활기차고 깔끔하며, 깔끔한 흰색 조리대 위의 신선한 시트러스와 날카로운 블루 엣지처럼 보입니다. 이러한 군청색 컬러 조합은 시끄러운 빨간색을 사용하지 않고도 즉각적인 주목을 원할 때 훌륭합니다. 헤드라인과 프레임에 군청색을 사용하고, 오렌지가 주요 CTA를 주도하도록 하세요. 팁: 레이아웃을 깔끔하고 현대적으로 유지하려면 지원 텍스트에 중간 그레이를 유지하세요.
media.io를 사용하여 생성된 시트러스 팝 대비 이미지 예시
7) 잉크와 양피지
HEX: #1417A6 #2B2B2B #F2E8D8 #B6A48A #8FA6C9
분위기: 클래식하고 편집적인
최적 용도: 매거진 특집 스프레드
클래식하고 편집적이며, 질감 있는 종이 위의 잉크와 희미한 앤티크 따뜻함처럼 느껴집니다. 군청색은 눈에 띄는 인용구와 섹션 구분선을 만들고, 양피지와 탠은 레이아웃을 친근하게 유지합니다. 딱딱하게 느껴지지 않으면서도 세련미가 필요한 장문 기사, 포트폴리오, 룩북에 적합합니다. 팁: 작은 규칙과 캡션에 부드러운 블루를 사용하여 조용히 시선을 유도하세요.
media.io를 사용하여 생성된 잉크와 양피지 이미지 예시
8) 겨울 하늘 미니멀
HEX: #1A33CC #EAF1FF #FFFFFF #B9C9E6 #111827
분위기: 미니멀하고 통풍이 잘 되는
최적 용도: 미니멀리스트 로고 및 브랜드 키트
미니멀하고 통풍이 잘 되며, 차가운 햇빛, 깨끗한 눈, 얼음 위의 날카로운 그림자를 암시합니다. 하나의 강한 마크나 아이콘에 군청색을 사용한 다음, 대부분의 표면을 화이트와 연한 블루로 밝게 유지하세요. 거의 검은색은 선명한 대비가 필요한 타이포그래피와 브랜드 가이드라인에 이상적입니다. 팁: 그라디언트를 제한하고 평면 도형이 작업을 하도록 하여 진정으로 현대적인 느낌을 만드세요.
media.io를 사용하여 생성된 겨울 하늘 미니멀 이미지 예시
9) 보타니컬 인디고 블룸
HEX: #1C2BC7 #2E3A59 #F7F2EA #7DB6A6 #E9A6B6
분위기: 부드럽고 식물적인
최적 용도: 수채화 꽃 일러스트레이션
부드럽고 식물적이며, 눌린 꽃잎, 인디고 염료, 고요한 온실의 아침을 떠올리게 합니다. 줄기, 윤곽선 또는 그림자에 깊은 블루를 사용한 다음, 크림 종이 톤으로 균형을 맞추세요. 세이지와 블러시는 빈티지보다는 수제처럼 느껴지는 부드럽고 현대적인 트위스트를 추가합니다. 팁: 수채화 매력을 보존하려면 색상 전환을 물기 있고 불완전하게 유지하세요.
media.io를 사용하여 생성된 식물 인디고 블룸의 이미지 예시
10) 테크 컨퍼런스 펄스
HEX: #1829F0 #0A0F1F #E6ECFF #6EE7FF #FFC857
분위기: 자신감 있고 활기찬
최적 용도: 컨퍼런스 포스터 및 전단지
자신감 있고 활기차며, 기조연설 스포트라이트와 빠르게 움직이는 데이터 스트림처럼 느껴집니다. 거의 검은색과 울트라마린으로 베이스를 구축한 다음, 모션 라인과 UI 같은 디테일에 시안을 추가하세요. 따뜻한 노란색은 날짜, 장소 또는 티켓 버튼에 가장 잘 어울려 중요한 정보가 돋보이게 합니다. 팁: 시각적 노이즈를 피하기 위해 타이포를 크게 유지하고 그리드에 정렬하세요.
media.io를 사용하여 생성된 테크 컨퍼런스 펄스의 이미지 예시
11) 인디고 데님 데이즈
HEX: #1A2AA8 #35424A #D9D2C3 #FFFFFF #C46D5E
분위기: 캐주얼하고 안정적인
최적 용도: 의류 브랜드 랜딩 페이지
캐주얼하고 안정적이며, 낡은 데님, 캔버스 토트백, 따뜻한 테라코타 디테일처럼 읽힙니다. 울트라마린 블루 컬러 팔레트는 블루를 기업적이지 않고 친근하게 느끼고 싶을 때 라이프스타일 브랜드에 잘 어울립니다. 블루를 오프화이트 및 샌드와 배경으로 페어링하고, 배지나 세일 태그에 테라코타를 사용하세요. 팁: 많은 여백과 솔직한 타이포그래피를 사용하여 데님 느낌을 편안하게 유지하세요.
media.io를 사용하여 생성된 인디고 데님 데이즈의 이미지 예시
12) 세라믹 타일 키친
HEX: #1830B5 #F6F4EF #C7D2E9 #8DA2B8 #7A5C4A
분위기: 아늑하고 세련된
최적 용도: 인테리어 디자인 무드보드
아늑하고 세련되며, 광택 있는 세라믹 타일, 따뜻한 목재, 부드러운 자연광처럼 느껴집니다. 울트라마린을 포인트 스와치로 사용한 다음, 크림과 쿨 그레이를 레이어링하여 공간을 개방감 있게 유지하세요. 브라운은 팔레트를 안정시키고 가구 메모나 재료 라벨에 잘 어울립니다. 팁: 블루를 전체 페인트가 아닌 포인트 벽이나 백스플래시 액센트로 취급하세요.
media.io를 사용하여 생성된 세라믹 타일 키친의 이미지 예시
13) 딥 스페이스 온보딩
HEX: #1B24FF #0B1020 #1F2A44 #B9C7FF #F4F6FF
분위기: 세련되고 몰입감 있는
최적 용도: 다크 모드 앱 온보딩 화면
세련되고 몰입감 있으며, 깊은 그림자에 부드러운 빛이 비치는 우주선 인터페이스를 연상시킵니다. 밝은 울트라마린을 주요 액션과 진행 표시기에 사용하고, 네이비와 차콜은 배경 레이어를 처리합니다. 연한 페리윙클과 거의 흰색은 다크 분위기를 깨지 않으면서 텍스트를 읽기 쉽게 유지합니다. 팁: OLED 화면에서 밴딩을 피하기 위해 작은 하이라이트에만 미묘한 그라데이션을 추가하세요.
media.io를 사용하여 생성된 딥 스페이스 온보딩의 이미지 예시
14) 마리타임 플래그십
HEX: #1227D5 #0E1A2B #FFFFFF #BFD2EA #E0B44C
분위기: 선명하고 항해에 적합한
최적 용도: 항해 웹사이트 헤더
선명하고 항해에 적합하며, 신호기, 광택 나는 금속, 선명한 수평선을 떠올리게 합니다. 울트라마린과 네이비는 강력한 헤더와 내비게이션을 만들고, 화이트는 디자인을 산뜻하게 유지합니다. 작은 골드 터치는 너무 격식을 차리지 않으면서 전통을 더합니다. 팁: 호버 상태와 미묘한 구분선에 연한 블루를 사용하여 모든 것이 가볍게 느껴지도록 하세요.
media.io를 사용하여 생성된 마리타임 플래그십의 이미지 예시
15) 로얄 벨벳 코스메틱스
HEX: #1A21B8 #2B0F2F #F6E9F0 #D6B2C6 #D4AF37
분위기: 화려하고 호화로운
최적 용도: 화장품 제품 광고
화려하고 호화로우며, 벨벳 포장, 향수 노트, 부드러운 파우더 마감처럼 느껴집니다. 울트라마린과 자두색으로 풍부한 배경을 설정한 다음, 섬세한 타이포그래피와 하이라이트에 블러시와 모브를 사용하세요. 골드는 캡, 씰 또는 작은 라인에 아껴서 사용하면 프리미엄으로 읽힙니다. 팁: 조명을 부드럽고 방향성 있게 유지하여 어두운 색상이 평평하지 않고 고급스럽게 보이도록 하세요.
media.io를 사용하여 생성된 로얄 벨벳 코스메틱스의 이미지 예시
16) 파이낸스 클래리티
HEX: #1626C9 #111827 #F9FAFB #C7D2FE #10B981
분위기: 신뢰할 수 있고 명확한
최적 용도: 연례 보고서 차트
신뢰할 수 있고 명확하며, 깔끔한 스프레드시트, 선명한 프린트물, 차분한 의사 결정처럼 느껴집니다. 차트의 주요 시리즈에 울트라마린을 사용한 다음, 긍정적인 성장 마커나 주요 KPI에 민트 그린을 추가하세요. 거의 검은색과 오프화이트는 표를 읽기 쉽고 전문적으로 유지합니다. 팁: 그리드 라인을 가볍게 유지하고 블루가 계층 구조에 대한 무거운 작업을 수행하도록 하세요.
media.io를 사용하여 생성된 파이낸스 클래리티의 이미지 예시
17) 선셋 애프터스톰
HEX: #1520D6 #2B2D42 #F8F3E7 #F77F5A #CDB4DB
분위기: 영화 같고 무드 있는
최적 용도: 앨범 커버 아트워크
영화 같고 무드 있으며, 따뜻한 빛이 지평선을 비추면서 폭풍이 걷히는 것처럼 보입니다. 이러한 울트라마린 블루 색상 조합은 오렌지가 블루를 압도하지 않으면서 감정을 더하기 때문에 음악 브랜딩에 특히 좋습니다. 아티스트 이름과 트랙리스트 세부 사항에 크림을 사용하고, 라벤더로 어두운 영역과 따뜻한 영역 사이의 전환을 부드럽게 하세요. 팁: 색상 스토리가 주인공으로 남도록 타이포를 단순하고 중앙에 유지하세요.
media.io를 사용하여 생성된 선셋 애프터스톰의 이미지 예시
18) 플레이룸 프라이머리 믹스
HEX: #1E2BFF #FFD166 #06D6A0 #EF476F #F8F9FA
분위기: 장난스럽고 밝은
최적 용도: 어린이 책 표지 일러스트레이션
장난스럽고 밝으며, 블록 쌓기, 크래프트 페이퍼, 방과 후 에너지처럼 느껴집니다. 울트라마린을 메인 타이틀 색상으로 사용한 다음, 캐릭터나 단순한 도형에 노란색, 녹색, 분홍색을 번갈아 사용하세요. 즉각적인 친근함이 필요한 교육 자료와 어린이 브랜드에 잘 어울립니다. 팁: 윤곽선을 최소화하고 평면 색상 채우기에 의존하여 깔끔하고 현대적인 모습을 연출하세요.
media.io를 사용하여 생성된 플레이룸 프라이머리 믹스의 이미지 예시
19) 아키텍처럴 블루프린트
HEX: #0F1FDB #0B1220 #E8EEF9 #9FB2D0 #6B7280
분위기: 정확하고 현대적인
최적 용도: 건축 포트폴리오 레이아웃
정확하고 현대적이며, 청사진 라인, 깨끗한 측정, 선명한 프레젠테이션 보드를 연상시킵니다. 울트라마린은 섹션 타이틀과 다이어그램 스트로크에 아름답게 어울리며, 연한 쿨톤은 페이지를 가볍게 유지합니다. 캡션과 메타데이터에 그레이를 추가하여 레이아웃이 기술적이면서도 세련되게 느껴지도록 하세요. 팁: 선 두께를 일관되게 유지하고 주요 콜아웃에만 가장 밝은 블루를 사용하세요.
media.io를 사용하여 생성된 아키텍처럴 블루프린트의 이미지 예시
20) 소프트 라벤더 더스크
HEX: #1C2AE8 #2A2A3A #F5F3FF #C7B8FF #F2B5D4
분위기: 부드럽고 몽환적인
최적 용도: 웰니스 랜딩 페이지
부드럽고 몽환적이며, 황혼의 하늘과 부드러운 진정 루틴처럼 느껴집니다. 주요 버튼과 섹션 헤더에 울트라마린을 사용한 다음, 라벤더와 블러시로 진정시키는 감정적 레이어를 만드세요. 오프화이트 배경은 특히 긴 스크롤 페이지에 대해 모든 것을 통기성 있게 유지합니다. 팁: 편안한 톤을 강화하기 위해 둥근 UI 요소와 넉넉한 간격과 페어링하세요.
media.io를 사용하여 생성된 소프트 라벤더 더스크의 이미지 예시
군청색과 잘 어울리는 색상은?
따뜻한 중립색(크림, 양피지, 샌드)은 울트라마린을 더 촉각적이고 프리미엄하게 만들어 편집 디자인과 포장에 이상적입니다. 브래스나 골드와 같은 금속성 톤도 소량으로 사용할 때 왕족적 특성을 증폭시킵니다.
디지털 디자인의 경우, 울트라마린은 쿨 그레이 및 거의 검은색과 특히 잘 어울리며, 가혹하게 느껴지지 않으면서 강력한 구조를 만듭니다. 시안이나 페리윙클을 추가하여 팔레트를 응집력 있게 유지하면서 미래지향적인 "인터페이스" 분위기를 연출하세요.
감정적 대비를 원한다면 코랄, 테라코타, 블러시 또는 부드러운 라벤더를 시도해 보세요. 이러한 따뜻한 톤에서 파스텔 톤의 액센트는 울트라마린을 대담하게 유지하지만 전체적인 모습을 더 친근하고 표현적으로 만듭니다.
실제 디자인에서 군청색 컬러 팔레트를 사용하는 방법
울트라마린이 배경 색상인지 액센트인지 결정하는 것으로 시작하세요. 배경으로 사용할 경우, 타이포그래피를 밝게(오프화이트 또는 연한 페리윙클) 유지하고 CTA를 위한 하나의 "신호" 색상으로 채도가 높은 액센트를 제한하세요.
UI에서는 울트라마린을 주요 액션과 주요 내비게이션에 할당한 다음, 표면, 카드 및 구분선에 그레이와 부드러운 틴트를 사용하세요. 이것은 계층 구조를 보존하고 채도가 높은 블루가 일으킬 수 있는 "모든 것이 외치는" 문제를 피합니다.
인쇄의 경우, 의도한 용지에서 테스트하세요: 코팅되지 않은 종이는 울트라마린을 아름답게 부드럽게 만들 수 있으며, 광택 마감은 강화할 수 있습니다. 읽기 쉬운 본문 텍스트와 미세한 디테일을 위해 중간 톤 그레이나 차콜을 사용할 수 있도록 준비하세요.
AI로 군청색 팔레트 비주얼 만들기
HEX 코드가 이미 있는 경우, 실제 레이아웃을 탐색하는 가장 빠른 방법은 목업을 생성하는 것입니다: 포스터, 랜딩 페이지, 포장 또는 소셜 템플릿. 대규모로 적용된 울트라마린을 보면 몇 분 안에 대비, 분위기 및 균형을 확인하는 데 도움이 됩니다.
Media.io의 텍스트-이미지 도구를 사용하면 "크림 네거티브 스페이스와 골드 액센트가 있는 울트라마린 히어로 섹션"과 같은 프롬프트를 붙여넣고 팔레트가 브랜드에 적합하다고 느껴질 때까지 빠르게 반복할 수 있습니다.
방향이 마음에 들면 변형을 유지하세요: 다크 모드 버전, 라이트 모드 버전 및 하나의 고대비 캠페인 버전. 이를 통해 웹, 앱 및 인쇄 전반에 걸쳐 일관된 유연성을 제공합니다.
울트라마린 블루 컬러 팔레트 FAQ
-
울트라마린 블루의 HEX 코드는 무엇입니까?
클래식 울트라마린 블루는 일반적으로 #120A8F로 나타나지만, 많은 현대 팔레트는 밝기와 사용 사례에 따라 #1A33CC or #1B24FF와 같은 유사한 변형을 사용합니다. -
울트라마린은 코발트와 인디고 중 어느 것에 더 가깝습니까?
울트라마린은 일반적으로 코발트와 인디고 사이에 위치합니다: 많은 코발트 블루보다 깊지만 인디고보다 보라색에 덜 치우칩니다. 디지털 팔레트에서는 채도의 작은 변화로 인해 더 코발트(더 밝음) 또는 더 인디고(더 무드 있음)로 읽힐 수 있습니다. -
브랜딩을 위해 울트라마린 블루와 가장 잘 어울리는 색상은 무엇입니까?
프리미엄 브랜딩의 경우 울트라마린을 크림 및 골드와 페어링하고, 현대적인 미니멀 브랜드의 경우 화이트와 거의 검은색을 사용하며, 친근한 라이프스타일 브랜드의 경우 테라코타, 블러시 또는 따뜻한 샌드를 추가하여 블루를 부드럽게 하세요. -
울트라마린이 디자인을 압도하지 않게 하려면 어떻게 해야 하나요?
모든 곳에 사용하기보다는 앵커로 사용하세요: 울트라마린은 헤더, 기본 버튼 또는 주요 블록에만 사용하고, 대부분의 표면에는 오프화이트와 쿨 그레이를 사용하세요. 계층 구조를 명확하게 유지하기 위해 하이라이트용 액센트 색상을 하나만 유지하세요. -
울트라마린은 다크 모드 UI에 적합한가요?
네—울트라마린은 거의 검은색 배경에서도 선명하게 유지되기 때문에 다크 모드에 탁월합니다. 가독성을 유지하고 눈의 피로를 줄이기 위해 텍스트와 보조 UI에는 밝은 색조(페리윙클/거의 흰색)를 사용하세요. -
울트라마린 블루에 잘 어울리는 보색 액센트 색상은 무엇인가요?
따뜻한 옐로우-골드 액센트는 고전적인 보색이며, 코랄/오렌지는 활기찬 대비를 더합니다. 더 부드러운 느낌을 선호한다면, 라벤더와 블러시가 파란색과 충돌하지 않으면서 꿈결 같고 차분한 조합을 만들 수 있습니다. -
처음부터 디자인하지 않고 울트라마린 팔레트 목업을 생성할 수 있나요?
네. AI 생성기를 사용하여 프롬프트로부터 포스터, 랜딩 페이지, UI 화면 또는 패키징 컨셉을 만든 다음, 울트라마린과 중립색의 균형이 적절하다고 느껴질 때까지 빠르게 반복할 수 있습니다.
다음: 다크 그레이 컬러 팔레트
