블루 다크 그린 색상 조합 (23가지 선택 + Hex + AI 디자인)

블루 다크 그린 색상 팔레트는 깊은 블루의 안정감과 포레스트 그린의 차분함을 결합합니다. 그 결과 브랜딩, UI, 포스터 및 패키징 전반에 걸쳐 작동하는 무디하고 프리미엄한 느낌을 연출합니다.

아래는 HEX 코드가 포함된 20개 이상의 즉시 사용 가능한 블루 및 다크 그린 팔레트 아이디어와 함께 빠르게 매칭 비주얼을 생성할 수 있는 AI 이미지 프롬프트를 제공합니다.

블루 다크 그린 팔레트가 효과적인 이유

블루는 명료함과 신뢰를 가져오고, 다크 그린은 자연스럽고 안정적인 존재감을 더합니다. 함께 사용하면 시끄럽지 않으면서도 자신감 있게 느껴지며, 이것이 UI, 기술, 금융 및 아웃도어 브랜드에서 인기 있는 이유입니다.

이 조합은 또한 대비를 잘 처리합니다: 딥 네이비는 타이포그래피와 헤더를 고정할 수 있으며, 다크 그린은 밝은 빨강과 같은 "경고" 분위기를 도입하지 않고도 상태(호버, 성공, 내비게이션)를 정의할 수 있습니다.

마지막으로, 블루-다크 그린 색상 조합은 중성 색상과 쉽게 조화를 이룹니다—모던 인터페이스를 위한 쿨 그레이 또는 인쇄물을 위한 웜 크림—따라서 배경 하나만 바꿔도 디자인을 미니멀에서 럭셔리로 전환할 수 있습니다.

20개 이상의 블루 다크 그린 색상 팔레트 아이디어 (HEX 코드 포함)

1) 미드나잇 켈프

HEX: #071a2f #0b3b2e #0f5b6b #2a4f7a #d7e3ee

무드: 무디한, 해안의, 세련된

최적 용도: SaaS 대시보드 UI

자정의 물과 켈프 숲 같은 무디한 해안 톤은 차분하고 프리미엄한 분위기를 연출합니다. 헤더에는 딥 네이비를, 내비게이션 상태에는 다크 그린을, 그리고 틸을 작은 하이라이트로 사용하세요. 가독성을 높게 유지하려면 쿨 라이트 그레이 배경과 페어링하세요. 팁: 인터페이스가 의도적으로 느껴지도록 틸을 활성 아이콘과 기본 버튼에만 사용하세요.

media.io를 사용하여 생성된 미드나잇 켈프의 이미지 예시

Media.io

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

지금 무료로 사용해보기

2) 딥 씨 라이브러리

HEX: #0a1633 #103a33 #1f6a7a #4f6f8a #f2f6f8

무드: 조용한, 학구적인, 우아한

최적 용도: 편집 매거진 레이아웃

조용하고 학구적인 이 톤은 바다 옆 심야 독서실처럼 느껴집니다. 다크 네이비와 에버그린은 자신감 있는 헤드라인을 만들고, 부드러운 슬레이트 블루는 본문 텍스트와 인용문을 지원합니다. 팔레트가 무겁지 않고 선명하게 읽히도록 여백을 충분히 유지하세요. 팁: 틸을 섹션 마커나 페이지 번호에만 드물게 사용하여 스캔을 안내하세요.

media.io를 사용하여 생성된 딥 씨 라이브러리의 이미지 예시

3) 스토미 하버

HEX: #0b203f #0e3f35 #2d6f85 #7c94a6 #e6edf2

무드: 드라마틱한, 모던한, 자신감 있는

최적 용도: 브랜드 아이덴티티 시스템

드라마틱한 하버 블루와 딥 그린은 바람, 강철, 바닷물의 에너지를 가져옵니다. 블루 다크 그린 색상 조합으로서 차갑게 느껴지지 않으면서도 기술, 금융 또는 아웃도어 브랜드에 신뢰감을 줍니다. 로고와 타이포그래피를 선명하게 유지하려면 어두운 색조를 부드러운 안개 그레이와 페어링하세요. 팁: 라이트 그레이를 기본 캔버스로 만들고 헤드라인에서 네이비가 무거운 작업을 하도록 하세요.

media.io를 사용하여 생성된 스토미 하버의 이미지 예시

4) 아틱 파인

HEX: #0a1f3a #0c4a3a #2b7a8a #8fb3c7 #f4fbff

무드: 신선한, 아웃도어의, 깨끗한

최적 용도: 여행 웹사이트 히어로 섹션

신선하고 아웃도어적인 느낌으로, 어두운 소나무와 먼 푸른 능선에 대비된 눈 덮인 공기를 연상시킵니다. 넓은 배경으로 옅은 얼음 색조를 사용한 다음 헤딩에는 네이비를, 버튼에는 딥 그린을 레이어링하세요. 틸을 조금 더하면 차분함을 잃지 않으면서도 생동감 있는 느낌을 유지합니다. 팁: 탁함을 피하기 위해 가장 밝은 두 색상 사이에만 부드러운 그라디언트를 추가하세요.

media.io를 사용하여 생성된 아틱 파인의 이미지 예시

5) 잉크 앤 주니퍼

HEX: #08152a #123c2f #165f6c #3c5876 #d9d5cd

무드: 클래식한, 보타니컬한, 절제된

최적 용도: 럭셔리 스킨케어 패키징

클래식하고 보타니컬한 느낌으로, 주니퍼 가지에 잉크 스케치를 한 것 같습니다. 따뜻한 오프화이트가 어두운 톤을 부드럽게 만들어 패키징이 거칠지 않고 프리미엄하게 보이도록 합니다. 깨끗한 선반 존재감을 위해 무광 마감과 미니멀한 타이포그래피와 페어링하세요. 팁: 라벨이 우아하게 유지되도록 틸을 작은 씰이나 성분 하이라이트에만 사용하세요.

media.io를 사용하여 생성된 잉크 앤 주니퍼의 이미지 예시

6) 노던 라이츠 데님

HEX: #0c2140 #0f4b3a #1f7785 #4c86b5 #eaf1f6

무드: 활기찬, 선명한, 현대적인

최적 용도: 스포츠웨어 제품 광고

선명하고 활기찬 느낌으로, 어두운 에버그린과 낡은 데님 위의 오로라 빛처럼 보입니다. 히어로 배경에는 볼드한 블루를 사용하고, 제품 콜아웃에는 그린을, 모션 라인에는 틸을 사용하세요. 강한 대비와 가독성을 위해 텍스트는 거의 화이트로 유지하세요. 팁: 추가 색상을 더하지 않고 깊이를 만들기 위해 데님 블루에서 틸로의 단일 그라디언트를 추가하세요.

media.io를 사용하여 생성된 노던 라이츠 데님의 이미지 예시

7) 오셔닉 슬레이트

HEX: #0a1d33 #0d3f34 #2a6a78 #6e8796 #f0f3f5

무드: 미니멀한, 안정적인, 전문적인

최적 용도: 기업 슬라이드 덱

미니멀하고 안정적인 이 색조는 깊은 물 옆 슬레이트 절벽처럼 느껴집니다. 차트와 구분선에는 슬레이트 그레이-블루를 사용하고, 제목에는 네이비를, 주요 숫자에는 에버그린을 사용하세요. 옅은 배경은 슬라이드를 깨끗하고 회의실 친화적으로 유지합니다. 팁: 시각적 혼란을 피하기 위해 각 슬라이드를 두 개의 지배적인 톤과 하나의 액센트로 제한하세요.

media.io를 사용하여 생성된 오셔닉 슬레이트의 이미지 예시

8) 노티컬 에버그린

HEX: #061a36 #0a4636 #0f6375 #3e6f9c #fff4e6

무드: 해양의, 대담한, 환영하는

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

해양적이고 환영하는 느낌으로, 밧줄, 시 글라스, 에버그린 해안선을 떠올리게 합니다. 이 블루 다크 그린 색상 팔레트는 너무 격식을 차리지 않으면서도 프리미엄한 느낌을 원하는 메뉴에 아름답게 작동합니다. 어두운 색조를 따뜻한 크림 종이 톤 및 단순한 세리프 타이포그래피와 페어링하세요. 팁: 손님이 빠르게 스캔할 수 있도록 틸을 섹션 헤더에 사용하세요.

media.io를 사용하여 생성된 노티컬 에버그린의 이미지 예시

9) 알파인 더스크

HEX: #0d1b3a #114336 #2b5f86 #6aa1a9 #e9efe8

무드: 고요한, 모험적인, 균형잡힌

최적 용도: 야외 이벤트 포스터

알파인 호수 위로 황혼이 내려앉는 것처럼 고요하며, 이 조합은 시원한 블루와 안정적인 포레스트 그린의 균형을 이룹니다. 포스터 제목에는 네이비를 사용하고 통풍이 잘 되는 민트-그레이 배경으로 멀리서도 읽기 쉽게 유지하세요. 틸은 날짜, 장소 배지 및 작은 아이콘에 잘 어울립니다. 팁: 가장 어두운 두 가지 색상을 사용하여 간단한 투톤 산 실루엣을 추가하면 즉각적인 테마를 연출할 수 있습니다.

media.io를 사용하여 생성된 알파인 황혼의 이미지 예시

10) 마린 모스

HEX: #091a2e #0f3e2f #1a6c79 #5e7fa7 #dfe7e3

무드: 자연스러운, 차분한, 회복적인

최적 용도: 웰니스 앱 UI

자연스럽고 회복적이며, 맑은 물 아래 흔들리는 해양 이끼처럼 느껴집니다. 밝은 그레이-그린을 기본으로 하고 접근성을 강하게 유지하기 위해 텍스트에 네이비를 사용하세요. 진행 링과 부드러운 하이라이트에는 틸을 사용하고, 뮤트 블루는 보조 카드를 지원합니다. 팁: 팔레트가 스포티하지 않고 차분하게 읽히도록 애니메이션을 느리고 미묘하게 유지하세요.

media.io를 사용하여 생성된 마린 모스의 이미지 예시

11) 페트롤 포레스트

HEX: #0b2036 #0b4a39 #1e6f7d #2f4f6f #c9d1d9

무드: 산업적인, 강한, 현대적인

최적 용도: 제품 랜딩 페이지

강하고 산업적이며, 깊은 포레스트 언더톤을 가진 페트롤 블루 메탈을 연상시킵니다. 헤더와 푸터에는 더 어두운 쌍을 사용한 다음 시원한 라이트 그레이로 콘텐츠 영역을 열어주세요. 틸은 링크와 주요 기능에 날카롭고 현대적인 악센트를 만듭니다. 팁: 페이지가 바쁘게 느껴지지 않으면서도 정보를 전달하도록 슬레이트 블루의 미묘한 라인 아이콘을 추가하세요.

media.io를 사용하여 생성된 페트롤 포레스트의 이미지 예시

12) 레이니 시티 파크

HEX: #0a2039 #0f3b31 #2b6273 #86a3b1 #f5f7f6

무드: 부드러운, 도시적인, 내성적인

최적 용도: 북 커버 디자인

부드럽고 내성적이며, 비 오는 보도와 도시 공원의 상록수를 연상시킵니다. 주목을 끌기 위해 제목에는 네이비를 사용하고, 안개 낀 블루-그레이는 배경 블록을 담을 수 있습니다. 다크 그린은 저자 이름이나 작은 모티프에 안정적인 악센트를 추가합니다. 팁: 팔레트가 현대적으로 유지되도록 미세한 그레인과 같은 텍스처를 미묘하게 유지하세요.

media.io를 사용하여 생성된 레이니 시티 파크의 이미지 예시

13) 빈티지 틸 스터디

HEX: #0b1a34 #124236 #1b6a72 #6f8b7e #f1e6d6

무드: 빈티지, 아늑한, 지적인

최적 용도: 카페 브랜드 키트

빈티지하고 아늑하며, 낡은 노트와 따뜻한 종이가 있는 틸 서재처럼 느껴집니다. 크리미한 베이지는 차가운 톤을 부드럽게 하여 로고, 라벨 및 작은 간판에 적합합니다. 클래식 세리프 타입과 네이비의 간단한 라인 일러스트레이션과 짝을 이루세요. 팁: 수제 느낌을 추가하려면 스탬프나 배지에 다크 그린을 사용하세요.

media.io를 사용하여 생성된 빈티지 틸 스터디의 이미지 예시

14) 딥 라군 마블

HEX: #071b33 #0c4537 #1a7a88 #3d6a8f #e8ecef

무드: 고급스러운, 차가운, 세련된

최적 용도: 주얼리 제품 패키징

고급스럽고 차가우며, 선명하고 세련된 가장자리를 가진 깊은 라군 마블을 연상시킵니다. 페일 그레이를 박스 베이스로 사용하고 로고가 선명하게 인쇄되도록 네이비를 사용하세요. 다크 그린은 풍부함을 더하고, 틸은 포일 악센트나 내부 티슈 패턴에 완벽합니다. 팁: 단일 광택 악센트 컬러가 있는 매트 외관과 같이 마감을 일관되게 유지하세요.

media.io를 사용하여 생성된 딥 라군 마블의 이미지 예시

15) 코스믹 타이드

HEX: #08122d #0d3c33 #136d8a #3b5aa6 #d9e6ff

무드: 미래지향적인, 생생한, 깊은

최적 용도: 뮤직 페스티벌 전단

미래지향적이고 깊으며, 별빛 아래 구르는 우주 조류처럼 느껴집니다. 이러한 블루 다크 그린 색상 조합은 밝은 아이시 틴트로 대비를 강조할 때 전단에서 빛납니다. 에너지를 위해 코발트의 대담한 산세리프 타입과 간단한 기하학적 모양과 짝을 이루세요. 팁: 틸과 아이스 하이라이트가 멀리서 튀어나오도록 배경을 대부분 네이비로 유지하세요.

media.io를 사용하여 생성된 코스믹 타이드의 이미지 예시

16) 에메랄드 블루프린트

HEX: #0b1f3a #0e4a3b #0f6f7a #5b86a6 #f6fbff

무드: 정확한, 기술적인, 신뢰할 수 있는

최적 용도: 핀테크 앱 온보딩

정확하고 기술적이며, 바다 톤으로 그린 청사진처럼 읽힙니다. 가장 밝은 틴트를 온보딩 화면에 사용하여 친근하게 느껴지게 하고 주요 단계는 네이비 제목으로 고정하세요. 에메랄드 그린은 성공 상태를 나타낼 수 있으며 틸은 대화형 요소를 강조합니다. 팁: 청사진 명확성을 유지하기 위해 아이콘을 단색으로 유지하세요.

media.io를 사용하여 생성된 에메랄드 블루프린트의 이미지 예시

17) 시그래스 누아르

HEX: #050f1f #0b3228 #145b66 #2f4b63 #cfd6d2

무드: 어두운, 영화적인, 스타일리시한

최적 용도: 영화 포스터

어둡고 영화적이며, 거의 검은 물에 대비되는 해초 실루엣처럼 보입니다. 거의 검은색 네이비를 배경으로 사용하고 가독성을 위해 타이포그래피는 페일 그레이로 유지하세요. 틸과 딥 그린은 최소한의 글로우 악센트나 작은 그래픽 모양으로 가장 잘 작동합니다. 팁: 포스터가 의도적이고 고급스럽게 느껴지도록 큰 네거티브 공간을 사용하세요.

media.io를 사용하여 생성된 시그래스 누아르의 이미지 예시

18) 블루 스프루스 벨벳

HEX: #0a1e3c #0f3f34 #1f6f8b #3f6b85 #efe8de

무드: 플러시한, 겨울같은, 고급스러운

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

플러시하고 겨울같으며, 가문비나무 가지와 짝을 이루는 블루 벨벳처럼 느껴집니다. 따뜻한 아이보리는 세트를 로맨틱하게 유지하고 네이비와 딥 그린은 격식을 더합니다. 틸은 주목을 빼앗지 않으면서 미묘한 테두리나 모노그램에 사용할 수 있습니다. 팁: 촉각적인 마감을 위해 가장 어두운 음영으로 레터프레스 또는 엠보싱 디테일을 선택하세요.

media.io를 사용하여 생성된 블루 스프루스 벨벳의 이미지 예시

19) 하버 포그

HEX: #0b1d36 #103e33 #2c6d7f #9db0bf #fbfcfd

무드: 통풍이 잘 되는, 차분한, 현대적인

최적 용도: 포트폴리오 웹사이트 UI

통풍이 잘 되고 차분하며, 조용한 항구를 가로질러 구르는 안개를 포착합니다. 거의 흰색과 라이트 블루-그레이 위에 페이지를 구축한 다음 제목에는 네이비를, 호버 상태에는 다크 그린을 사용하세요. 틸은 링크나 태그에 작은 악센트로 가장 좋습니다. 팁: 이미지가 안개 낀 톤과 조화를 이루도록 채도를 낮추세요.

media.io를 사용하여 생성된 하버 포그의 이미지 예시

20) 다크 아쿠아 보타니카

HEX: #0a1b35 #0b4532 #167a86 #5e90a2 #e7f2ea

무드: 무성한, 신선한, 차분한

최적 용도: 보타니컬 수채화 일러스트레이션

무성하고 차분하며, 광택 있는 잎 아래 다크 아쿠아 그림자를 연상시킵니다. 이 블루 다크 그린 컬러 팔레트는 완전히 검은색으로 가지 않으면서 깊이를 원할 때 식물 작업에 이상적입니다. 윤곽선에는 가장 깊은 네이비를, 잎몸에는 그린을 사용하고, 물기 있는 하이라이트에는 틸 워시를 추가하세요. 팁: 통풍감을 유지하기 위해 라이트 민트를 손대지 않은 종이 영역으로 유지하세요.

media.io를 사용하여 생성된 다크 아쿠아 보타니카의 이미지 예시

21) 타이달 워크샵

HEX: #081c34 #0f3f33 #1c6b84 #477193 #e3e9ef

무드: 실용적인, 창의적인, 집중된

최적 용도: 워크샵 이벤트 랜딩 페이지

실용적이고 집중적이며, 물 옆에 깔끔하게 정렬된 도구가 있는 조수 워크샵처럼 느껴집니다. 더 어두운 베이스 컬러는 헤더와 네비게이션에 구조를 추가하고 라이트 그레이는 폼을 친근하게 유지합니다. 틸은 가입 버튼과 주요 단계에 강한 악센트입니다. 팁: 기본 콜 투 액션이 돋보이도록 보조 카드에는 뮤트 블루를 사용하세요.

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

22) 사파이어 그로브

HEX: #0a1a3f #0c3e35 #1b6f7f #2f63b6 #e9f0ff

무드: 대담한, 젊은, 활기찬

최적 용도: 소셜 미디어 캐러셀 디자인

대담하고 젊으며, 사파이어 펀치와 안정된 그린 그로브를 혼합합니다. 피처 슬라이드에는 생생한 블루를 사용한 다음 타이포그래피 블록에는 네이비와 다크 그린으로 균형을 맞추세요. 틸은 아이콘과 작은 구분선에 잘 작동하여 캐러셀이 일관성 있게 느껴집니다. 팁: 깔끔한 스와이프 리듬을 위해 각 슬라이드를 하나의 히어로 컬러와 뉴트럴로 유지하세요.

media.io를 사용하여 생성된 사파이어 그로브의 이미지 예시

23) 에버그린 베이 콘트라스트

HEX: #081a30 #0a4a38 #0f6f82 #6c8fa8 #f7f8f4

무드: 선명한, 높은 대비, 현대적인

최적 용도: 앱 아이콘 및 스플래시 화면

선명하고 현대적인 이 조합은 밝은 만을 배경으로 한 상록수 절벽처럼 보입니다. 이러한 블루 다크 그린 색상 조합은 형태를 단순하게 유지하고 가장자리를 깔끔하게 할 때 강력한 아이콘 대비를 만들어냅니다. 가장 어두운 네이비를 따뜻한 오프화이트와 짝지어 스플래시 스크린에 사용하고, 틸을 작은 광채나 링으로 추가하세요. 팁: 아이콘 자체에는 그라디언트를 피하고 배경에만 사용하세요.

media.io를 사용하여 생성된 에버그린 베이 대비의 이미지 예시

블루 다크 그린과 잘 어울리는 색상은?

뉴트럴 컬러가 가장 쉬운 매치입니다: 쿨 화이트, 안개 낀 그레이, 슬레이트 톤은 블루와 다크 그린을 모던하고 가독성 있게 유지합니다. 인쇄물의 경우 따뜻한 오프화이트와 크림은 팔레트를 더 친근하고 프리미엄하게 만들 수 있습니다.

액센트의 경우, 틸과 아이시 라이트 블루는 분위기를 깨지 않으면서 선명함을 더합니다. 더 풍부한 마감을 원한다면 브러시드 실버(쿨) 또는 은은한 골드/브론즈(웜)와 같은 메탈릭이 다크 네이비와 에버그린을 격상시킬 수 있습니다.

무거움을 피하려면 하나의 "에어" 컬러(거의 화이트/매우 밝은 그레이)를 메인 배경으로 유지한 다음 가장 어두운 두 색상을 구조와 타이포그래피에 사용하세요.

실제 디자인에서 블루 다크 그린 색상 팔레트를 사용하는 방법

UI 디자인에서 네이비를 타이포그래픽 앵커(헤더, 타이틀, 주요 UI 크롬)로 취급하고 다크 그린을 상태(호버, 선택됨, 성공)에 사용하여 인터랙션이 일관되게 느껴지도록 하세요. 틸은 인터페이스를 집중적으로 유지하기 위해 주요 액션에만 사용하세요.

브랜딩의 경우, 로고가 하나의 어두운 색상(네이비 또는 거의 블랙)과 하나의 밝은 뉴트럴로 작동하는지 확인하세요. 그런 다음 다크 그린을 패키징, 패턴 또는 보조 마크에서 보조 브랜드 컬러로 도입하세요.

포스터와 소셜 그래픽에서는 대비를 강조하세요: 배경을 대부분 네이비로 유지하고, 큰 타이포그래피에 밝은 뉴트럴을 사용하며, 날짜, 배지 또는 아이콘을 위한 작은 "시그널" 컬러로 틸을 추가하세요.

AI로 블루 다크 그린 팔레트 비주얼 만들기

이미 HEX 코드가 있다면 레이아웃(포스터, 앱 화면, 패키징)을 설명하고 각 색상이 나타나야 할 위치(배경, 헤드라인, 버튼, 액센트)를 명시하여 매칭되는 목업을 생성할 수 있습니다.

일관된 결과를 얻으려면 캠페인 전반에 걸쳐 동일한 프롬프트 구조를 재사용하고 주제(메뉴, 전단지, 온보딩 스크린)만 교체하세요. 이렇게 하면 조명, 간격 및 스타일이 일관성을 유지하면서 팔레트가 브랜드에 맞게 유지됩니다.

다음: 카멜 컬러 팔레트