모던 골드 블루 컬러 조합: Hex 코드가 포함된 20가지 선택

금색과 블루는 현대적인 클래식입니다: 메탈릭한 따뜻함이 고급스러움을 더하고, 블루는 차분한 명료함과 구조를 가져옵니다. 함께 어우러져 시끄럽지 않으면서도 자신감 있는 대비를 만들어냅니다.

아래는 브랜딩, UI, 웨딩, 패키징, 편집 레이아웃에 사용할 수 있는 골드 블루 컬러 팔레트 아이디어와 HEX 코드, 재사용 가능한 AI 프롬프트입니다.

골드 블루 팔레트가 효과적인 이유

금색과 블루는 자연스럽게 균형을 이룹니다: 금색은 프리미엄하고 인간적인 느낌을 주며, 블루는 신뢰성과 차분함을 전달합니다. 이러한 대비는 디자인을 열망적이면서도 신뢰할 수 있게 만듭니다.

블루는 또한 레이아웃에 강력한 구조를 제공합니다—내비게이션, 제목, 배경 블록—반면 금색은 하이라이트로 가장 잘 작동합니다. 이러한 역할 분담은 추가 색상 없이도 명확한 계층 구조를 구축하는 데 도움이 됩니다.

금색은 평면 HEX 값일 때도 "메탈릭"하게 읽힐 수 있기 때문에, 골드-블루 조합은 특히 무거운 비주얼 없이 럭셔리한 신호를 원하는 브랜딩, 패키징, UI에서 효과적입니다.

20개 이상의 골드 블루 컬러 팔레트 아이디어 (HEX 코드 포함)

1) 도금된 항구

HEX: #0b1f3b #0f4c81 #2f86c7 #d4af37 #f3efe6

분위기: 해양풍, 세련된, 자신감 있는

적합한 용도: 럭셔리 호텔 브랜딩 및 웹사이트 히어로 섹션

세련되고 해양적이며, 황혼의 깊은 항구 위 광택 나는 황동 같은 느낌입니다. 신뢰가 중요한 프리미엄 호스피탈리티, 여행, 해양 브랜드에 사용하세요. 금색을 따뜻한 오프화이트 타이포그래피와 짝을 이루고 블루가 큰 배경을 담당하게 하세요. 사용 팁: 금색은 버튼, 아이콘, 얇은 선에만 사용하여 깔끔하고 고급스러운 마무리를 하세요.

media.io로 생성된 도금된 항구 이미지 예시

Media.io

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

무료로 지금 사용해보기

2) 로열 레가타

HEX: #0a2342 #1d4ed8 #60a5fa #f5d76e #ffffff

분위기: 스포티한, 밝은, 축하하는

적합한 용도: 팀 포스터 및 스포츠 이벤트 프로모션

스포티하고 축하하는 분위기로, 탁 트인 물 위의 밝은 깃발처럼 읽힙니다. 생생한 로열 블루는 에너지를 높게 유지하고 부드러운 금색은 트로피 수준의 광택을 더합니다. 깔끔한 산세리프 서체와 충분한 여백과 짝을 이루어 시각적 소음을 피하세요. 사용 팁: 연한 블루는 보조 콜아웃용으로 남겨두고 헤드라인은 가장 짙은 네이비로 유지하세요.

media.io로 생성된 로열 레가타 이미지 예시

3) 미드나잇 크라운

HEX: #06121f #102a43 #1e5aa8 #c9a227 #e8edf2

분위기: 드라마틱한, 장엄한, 고대비

적합한 용도: 프리미엄 패키징 및 향수 라벨

드라마틱하고 장엄하며, 금속 왕관이 있는 벨벳 밤을 연상시킵니다. 거의 검은색에 가까운 네이비는 금색을 더 풍부하고 의도적으로 느끼게 합니다. 엠보싱 텍스처, 얇은 세리프 레터링, 최소한의 보조 색상과 짝을 이루세요. 사용 팁: 패키징이 바빠 보이지 않도록 금색은 전면 라벨 마크에만 배치하세요.

media.io로 생성된 미드나잇 크라운 이미지 예시

4) 사막 사파이어

HEX: #0e3a5d #2b78b8 #9ad0f5 #d8b24a #f7f3e8

분위기: 햇살 가득한, 경쾌한, 환영하는

적합한 용도: 여름 결혼식 초대장 및 메뉴

햇살 가득하고 경쾌하며, 맑은 푸른 하늘 옆 모래-금색 반짝임처럼 느껴집니다. 부드러운 크림색은 팔레트를 부드럽고 인쇄 친화적으로 유지합니다. 낭만적인 터치를 위해 데클 엣지 종이 텍스처나 가벼운 수채화 워시와 짝을 이루세요. 사용 팁: 우아한 절제를 위해 금색을 얇은 테두리나 모노그램으로 사용하세요.

media.io로 생성된 사막 사파이어 이미지 예시

5) 아르데코 베이

HEX: #0b2d5c #1f6feb #7db7ff #b88a2b #f0e6d2

분위기: 화려한, 기하학적, 빈티지-모던

적합한 용도: 칵테일 바 메뉴 및 나이트라이프 브랜딩

화려하고 기하학적이며, 대담한 블루 타일에 대비되는 아르데코 금색 라인을 암시합니다. 따뜻한 메탈릭 톤은 날카로운 각도와 반복되는 패턴과 잘 어울립니다. 검은색 악센트, 얇은 구분선, 압축된 디스플레이 폰트와 짝을 이루세요. 사용 팁: 배경은 네이비로 유지하고 금색은 섹션 헤더와 아이콘에만 사용하세요.

media.io로 생성된 아르데코 베이 이미지 예시

6) 천상의 메달

HEX: #0a1633 #123b7a #3b82f6 #f2c94c #e6e8ef

분위기: 깔끔한, 기술 지향적, 낙관적인

적합한 용도: SaaS 대시보드 및 핀테크 UI

깔끔하고 기술 지향적이며, 선명한 자정 하늘에 대비되는 별빛 금색을 암시합니다. 밝은 블루는 차트와 인터랙티브 상태에 명확성을 가져옵니다. 복잡한 화면을 읽기 쉽게 유지하기 위해 쿨 그레이와 충분한 간격과 짝을 이루세요. 사용 팁: 금색은 성공 하이라이트에만 매핑하여 의미 있게 유지하세요.

media.io로 생성된 천상의 메달 이미지 예시

7) 해안의 보물

HEX: #08304b #0f6aa6 #7cc4f2 #d9a441 #fbfaf6

분위기: 신선한, 해안풍, 친근한

적합한 용도: 여행 광고 및 해변 리조트 소셜 그래픽

신선하고 해안적이며, 바다-블루 물속에 담긴 동전 위의 햇살처럼 느껴집니다. 밝은 블루는 소셜 포스트와 배너에 친근하게 유지합니다. 초대하는 분위기를 위해 모래 같은 중성색과 장난스러운 둥근 서체와 짝을 이루세요. 사용 팁: 대비를 유지하기 위해 중간 블루는 버튼에, 연한 블루는 배경에 사용하세요.

media.io로 생성된 해안의 보물 이미지 예시

8) 겨울 아우룸

HEX: #0b1b2b #274690 #a9c7ff #caa13a #f7f8fb

분위기: 차가운, 세련된, 미니멀

적합한 용도: 기업 연례 보고서 및 슬라이드 덱

차갑고 세련되며, 절제된 아우룸 광택이 있는 겨울 하늘 블루를 닮았습니다. 얼음 같은 틴트는 데이터가 많은 페이지를 더 가볍고 현대적으로 느끼게 합니다. 가독성을 위해 선명한 그리드, 미세한 선, 중성 산세리프와 짝을 이루세요. 사용 팁: 금색은 섹션 구분선과 주요 요점에 사용하고, 전체 블록에는 사용하지 마세요.

media.io로 생성된 겨울 아우룸 이미지 예시

9) 뮤지엄 벨벳

HEX: #081a2c #133e7c #2e6bd1 #b9912f #e9e2d6

분위기: 클래식한, 교양 있는, 럭셔리한

적합한 용도: 전시 포스터 및 박물관 브랜딩

클래식하고 세련되며, 벨벳 로프, 스포트라이트 프레임, 금박 명판을 연상시킵니다. 깊은 네이비는 긴 텍스트를 고정시키고 밝은 블루는 현대적인 느낌을 더합니다. 따뜻한 종이 질감과 우아한 세리프 헤드라인과 함께 사용하면 아카이브 느낌을 연출할 수 있습니다. 사용 팁: 골드를 작은 인장이나 로고 스탬프로 사용하여 프리미엄 느낌을 전달하세요.

media.io를 사용하여 생성한 뮤지엄 벨벳 이미지 예시

10) 햇살 가득한 델프트

HEX: #0d2b52 #1f5fa8 #8fc2ea #e0b84a #fff7e6

분위기: 경쾌한, 장인의, 따뜻한

적합한 용도: 도자기 상점 브랜딩 및 이커머스 배너

경쾌하고 장인적이며, 따뜻한 햇빛 유약이 있는 델프트 블루를 떠올리게 합니다. 크림색 배경은 제품 페이지를 밝고 환영하는 분위기로 유지합니다. 손으로 그린 패턴이나 미묘한 질감과 함께 사용하면 공예 신뢰성을 높일 수 있습니다. 사용 팁: 최대 가독성을 위해 네이비 위에 골드로 콜투액션을 설정하세요.

media.io를 사용하여 생성한 햇살 가득한 델프트 이미지 예시

11) 오로라 트로피

HEX: #07162a #144b8a #46b3ff #ffd166 #f1f6ff

분위기: 대담한, 활기찬, 현대적인

적합한 용도: 게임 토너먼트 랜딩 페이지

대담하고 활기차며, 따뜻한 트로피 빛 주변의 네온 블루 줄무늬처럼 느껴집니다. 이 대비는 히어로 섹션, 카운트다운, 경쟁 순위 테이블에 잘 작동합니다. 어두운 그라디언트와 날카로운 디스플레이 서체와 함께 사용하면 강렬한 느낌을 줍니다. 사용 팁: 계층 구조를 유지하기 위해 우승자와 주요 액션에만 골드를 사용하세요.

media.io를 사용하여 생성한 오로라 트로피 이미지 예시

12) 청사진 황동

HEX: #0a1c33 #173e75 #2b6cb0 #c49b3a #dfe7f2

분위기: 실용적인, 공학적인, 신뢰할 수 있는

적합한 용도: 건축 포트폴리오 및 제안서 덱

실용적이고 공학적이며, 황동 자 가장자리가 있는 청사진 잉크를 닮았습니다. 중간 블루는 다이어그램을 읽기 쉽게 유지하고 골드는 프리미엄 하이라이트를 추가합니다. 얇은 선 아이콘, 충분한 여백, 구조를 위한 쿨 그레이와 함께 사용하세요. 사용 팁: 골드를 콜아웃 번호와 주요 치수에만 사용하여 시선을 유도하세요.

media.io를 사용하여 생성한 청사진 황동 이미지 예시

13) 오팔 나침반

HEX: #0c2440 #165c96 #a7d8f5 #d7b75a #f8f4ec

분위기: 차분한, 경쾌한, 세련된

적합한 용도: 웰니스 브랜드 및 스파 브로슈어

차분하고 경쾌하며, 부드러운 오팔 빛이 있는 옅은 해양 지평선을 연상시킵니다. 부드러운 블루는 회복력을 느끼게 하고 따뜻한 골드는 너무 차가워지는 것을 방지합니다. 미니멀 사진, 많은 여백, 가벼운 세리프 제목과 함께 사용하세요. 사용 팁: 넓은 영역에는 가장 옅은 블루를 선택하고 본문 텍스트에는 네이비를 사용하세요.

media.io를 사용하여 생성한 오팔 나침반 이미지 예시

14) 재즈 시대 요트

HEX: #071a33 #0f3d7a #2a7bd6 #b38728 #f4ead6

분위기: 빈티지, 럭셔리한, 활기찬

적합한 용도: 갈라 초대장 및 모금 행사 자료

빈티지하고 활기차며, 자정 물 위의 황동 음표와 함께 요트에서의 재즈처럼 느껴집니다. 골드는 절제되게 사용할 때 화려하지 않으면서도 격식 있게 읽힙니다. 크림 용지, 모노라인 아이콘, 이름과 날짜를 위한 클래식 세리프와 함께 사용하세요. 사용 팁: 가장 극적인 효과를 위해 네이비 위에 골드를 포일로 인쇄하세요.

media.io를 사용하여 생성한 재즈 시대 요트 이미지 예시

15) 등불 라군

HEX: #06243a #0b6b8f #4fc3f7 #f4c95d #f6fbff

분위기: 열대의, 장난스러운, 밝은

적합한 용도: 여름 페스티벌 포스터 및 소셜 타일

열대적이고 장난스러우며, 밝은 라군 위에 빛나는 등불을 연상시킵니다. 틸 계열의 블루는 신선함을 더하고 골드는 저녁의 따뜻함을 가져옵니다. 활기찬 형태와 대담한 헤드라인과 함께 사용한 다음 충분한 화이트로 부드럽게 하세요. 사용 팁: 골드를 압도하지 않도록 가장 밝은 시안은 작은 포인트로만 사용하세요.

media.io를 사용하여 생성한 등불 라군 이미지 예시

16) 알파인 크레스트

HEX: #071b2e #1e3a8a #6aa9ff #d4b052 #eef2f7

분위기: 선명한, 자신감 있는, 아웃도어

적합한 용도: 아웃도어 장비 제품 광고

선명하고 자신감 있으며, 햇빛 가득한 정상이 있는 맑은 알파인 아침처럼 느껴집니다. 블루는 성능 메시지를 지원하고 골드는 따뜻함과 프리미엄 신호를 더합니다. 선명한 제품 사진, 최소한의 카피, 강력한 그리드와 함께 사용하세요. 사용 팁: 헤드라인에는 네이비를 사용하고 무게나 내구성 같은 사양은 골드로 강조하세요.

media.io를 사용하여 생성한 알파인 크레스트 이미지 예시

17) 노블 아틀라스

HEX: #091a2a #12305f #2f6fb2 #caa54a #f2efe7

분위기: 학구적인, 견고한, 전통적인

적합한 용도: 도서 표지 및 학술 회의 자료

학구적이고 견고하며, 낡은 금박 스탬핑이 있는 아틀라스 표지를 떠올리게 합니다. 구조화된 블루는 긴 제목과 일정을 읽기 쉽게 유지합니다. 질감 있는 종이 배경과 권위를 위한 클래식 세리프 타이포그래피와 함께 사용하세요. 사용 팁: 가장 밝은 중성색은 여백에 사용하고 골드는 타이틀 스탬프나 문장에만 사용하세요.

media.io를 사용하여 생성한 노블 아틀라스 이미지 예시

18) 골든 네뷸라

HEX: #050b1a #14213d #2d6cdf #f7c948 #e5e7eb

분위기: 우주적인, 극적인, 미래적인

적합한 용도: 음악 앨범 아트워크 및 스트리밍 커버

우주적이고 극적이며, 일렉트릭 블루 공간을 가로지르는 골드 플레어처럼 보입니다. 깊은 베이스는 채도 높은 액센트를 영화 같고 현대적으로 느끼게 합니다. 미래적인 느낌을 위해 고대비 서체와 추상적 그라디언트와 함께 사용하세요. 사용 팁: 골드를 전체 배경이 아닌 작은 글로우로 아티스트 이름 뒤에 배치하세요.

media.io를 사용하여 생성한 골든 네뷸라 이미지 예시

19) 헤리티지 포슬린

HEX: #0b2a4a #1b5ea8 #b9dcff #d8b04c #fffdf7

분위기: 시대를 초월한, 깔끔한, 부티크

적합한 용도: 문구 세트 및 개인 모노그램

시대를 초월하고 깔끔하며, 섬세한 금테가 있는 블루 포슬린처럼 느껴집니다. 부드러운 대비는 모노그램과 테두리를 인쇄물에서 선명하게 유지합니다. 미묘한 패턴, 면 용지, 단순한 세리프 이니셜과 함께 사용하세요. 사용 팁: 봉투 안감에는 옅은 블루를 사용하고 모노그램 마크에는 골드를 사용하세요.

media.io를 사용하여 생성한 헤리티지 포슬린 이미지 예시

20) 스카이라인 불리언

HEX: #061225 #0f3b78 #2f80ed #d1a93b #f5f7fa

분위기: 도시적인, 날카로운, 프리미엄

적합한 용도: 부동산 랜딩 페이지 및 매물 브로슈어

도시적이고 날카로우며, 불리언 하이라이트가 있는 유리 같은 블루 스카이라인을 연상시킵니다. 프리미엄하게 느껴지는 골드 블루 색상 조합을 위해 레이아웃을 깔끔하고 구조적으로 유지하세요. 현대적인 산세리프 헤드라인과 보조 세부 정보를 위한 뮤트 그레이와 함께 사용하세요. 사용 팁: 가격표와 주요 통계에는 골드를 사용하고, 블루는 내비게이션과 섹션 헤더를 처리합니다.

media.io를 사용하여 생성한 스카이라인 불리언 이미지 예시

21) 크라운라인 에디토리얼

HEX: #0a1930 #173f7a #4b9ae8 #c7a241 #f2f2ee

분위기: 편집의, 우아한, 구성된

적합한 용도: 매거진 스프레드 및 룩북

편집적이고 구성되어 있으며, 미묘한 골드 서명이 있는 맞춤형 네이비 잉크처럼 읽힙니다. 이 균형은 사진을 압도하지 않으면서 헤드라인, 풀 쿼트, 제품 콜아웃에 이상적입니다. 프리미엄 레이아웃을 위해 따뜻한 중성색과 절제된 액센트 형태와 함께 사용하세요. 사용 팁: 페이지를 경쾌하게 유지하기 위해 골드를 작은 마커와 폴리오로만 사용하세요.

media.io를 사용하여 생성한 크라운라인 에디토리얼 이미지 예시

22) 선원 엠블럼

HEX: #081c34 #114b8b #3f8bd6 #e3b23c #f9f6ef

분위기: 대담한, 클래식한, 상징적인

적합한 용도: 스포츠 클럽 로고 및 배지 시스템

대담하고 클래식하며, 스티치 패치, 황동 버튼, 깔끔한 유니폼 블루처럼 느껴집니다. 이 골드 블루 컬러 팔레트는 권위가 필요한 문장, 방패, 아이덴티티 마크에 특히 강력합니다. 선명도를 위해 화이트와 함께 사용하고 추가적인 펀치를 위해 블랙을 조금 더하세요. 사용 팁: 먼저 네이비로 배지를 구축한 다음 골드를 아웃라인과 하이라이트로 레이어하세요.

media.io를 사용하여 생성한 선원 엠블럼 이미지 예시

골드 블루와 잘 어울리는 색상은?

아이보리, 크림, 샌드와 같은 따뜻한 중성색은 골드와 블루 사이의 대비를 부드럽게 하여 팔레트를 더 프리미엄하고 인쇄 친화적으로 만듭니다. 또한 골드 액센트가 화려하지 않고 의도적으로 보이도록 도와줍니다.

슬레이트 그레이, 실버, 소프트 블루-그레이와 같은 쿨한 보조 톤은 레이아웃을 깔끔하고 기술 지향적으로 유지하며, 특히 대시보드와 편집 그리드에서 효과적입니다. 블루가 주요 배경일 때 잘 작동합니다.

추가 깊이를 위해 타입이나 아웃라인에 거의 검정색(차콜)을 추가하거나, 골드-블루 조화를 깨지 않으면서 더 신선하고 해안적인 느낌을 원할 때 틸 계열 액센트를 추가하세요.

실제 디자인에서 골드 블루 컬러 팔레트를 사용하는 방법

역할을 할당하는 것으로 시작하세요: 주요 배경과 타이포그래피에는 네이비/딥 블루를 사용하고, 인터랙티브 상태와 하이라이트에는 중간/밝은 블루를 사용하며, 버튼, 배지, 주요 숫자와 같은 "주목 순간"에는 골드를 사용하세요.

프리미엄 느낌을 유지하기 위해 골드 적용 범위를 낮게 유지하세요(종종 레이아웃의 5-10%). 더 많은 강조가 필요한 경우, 골드 블록을 더 추가하는 대신 더 밝은 중성색으로 대비를 높이세요.

인쇄물에서 금색은 평면적으로(HEX) 표현하거나 그라디언트로 시뮬레이션할 수 있습니다. 가장 고급스러운 마감을 원한다면 포일이나 별색을 고려하세요. UI에서는 긴 텍스트에 금색 사용을 피하고 아이콘과 작은 레이블에만 사용하세요.

AI로 골드 블루 팔레트 비주얼 만들기

실제 레이아웃에서 금색 블루 색상 조합을 미리 보고 싶다면 위와 같은 AI 프롬프트를 사용하여 빠른 목업을 생성하세요. 디자인 방향을 결정하기 전에 분위기, 대비, 계층 구조를 테스트하는 빠른 방법입니다.

배경(네이비 vs. 오프화이트)을 바꾸고 금색이 나타나는 위치(CTA만 vs. 섹션 헤더)를 변경하여 변형을 시도해 보세요. 작은 변화로도 같은 팔레트가 "럭셔리"하거나 "스포티"하게 느껴지는 방식이 크게 달라질 수 있습니다.

마음에 드는 방향을 찾으면 배너, 포스터, 패키징, UI 화면 전반에 걸쳐 프롬프트 구조를 재사용하여 시각적 언어의 일관성을 유지하세요.

다음: 틸 그레이 색상 팔레트