최고의 회색 다크 블루 색상 조합 20가지: 헥스 코드 및 팁

회색 진한 파란색 팔레트는 현대적인 중립적이고 깊고 자신감 있는 색상 사이의 완벽한 위치에 있습니다. 그들은 UI에서 깨끗하게 읽고, 브랜딩에서 프리미엄을 느끼며, 인테리어에서는 차분하고 침착하게 유지합니다.

콘크리트에서 영감을 받은 회색부터 잉크색 네이비 악센트까지 이러한 구성은 대비나 선명도를 잃지 않고 배경, 타이포그래피 및 지원 요소에 걸쳐 쉽게 확장할 수 있습니다.

그레이 다크 블루 팔레트가 잘 작동하는 이유

회색과 진한 파란색은 자연스럽게 균형 잡힌 대비를 만듭니다. 회색은 중립성과 구조를 가져오는 반면, 진한 파란색은 깊이와 권위를 더합니다. 함께, 그들은 멸균되지 않으면서도 현대적인 느낌을 줍니다.

이러한 팔레트는 매체 전반에 걸쳐 유연합니다. 화면에서는 네이비 기울기 짙은 파란색이 읽기 쉬운 타이포그래피와 접근 가능한 UI 상태를 지원합니다. 인쇄에서는 시원한 회색으로 레이아웃이 선명하고 일관됩니다.

색조가 제한되어 있기 때문에 단일 악센트(구리, 산호 또는 네온 그린과 같이)를 도입하고 기본 구성과 싸우지 않고도 즉시 계층 구조를 만들 수 있습니다.

20개 이상의 회색 진한 파란색 색상 팔레트 아이디어(헥스 코드 포함)

1) 폭풍우 콘크리트

16 진수:#2b2f36 #404754 #5d6675 #8a919c #cfd3d8

기분:도시적, 차분한, 현실적인

다음에 가장 적합합니다.현대 인테리어 디자인 moodboards

시원하고 비가 씻은 콘크리트와 자정의 그림자가 차분하고 도시적인 분위기를 조성합니다. 특히 따뜻한 나무나 브러시 황동을 추가하면 차가움을 느끼지 않으면서도 믹스가 세련된 느낌을 줍니다. 이 회색 진한 파란색 색상 팔레트를 거실, 사무실 공간 또는 명확성이 중요한 건축 프레젠테이션에 사용하세요. 팁: 가장 밝은 회색을 주요 표면 색상으로 유지한 다음 트림과 초점 조각은 딥 네이비를 예약하세요.

media.io를 사용하여 생성된 폭풍 콘크리트의 이미지 예

미디어.io

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

지금 무료로 시도해 보세요

2) 미드나잇 하버(Midnight Harbor)

16 진수:#0b1d33 #123a5a #1f5a7a #6b7c8a #d7dde2

기분:항해, 영화, 자신감

다음에 가장 적합합니다.브랜드 히어로 배너 및 랜딩 페이지

잉크빛 물, 도크 조명, 선명한 지평선은 이 세트에 영화적인 우위를 선사합니다. 히어로 섹션에 빛나며, 짙은 블루가 헤드라인을 이끌 수 있고 시원한 회색이 레이아웃을 깨끗하게 유지합니다. 구리나 산호와 같은 따뜻한 악센트와 짝을 이루어 즉각적인 대비를 선사합니다. 팁: 무겁고 어두운 페이지를 피하기 위해 본문 텍스트 배경에 옅은 회색을 사용하세요.

media.io를 사용하여 생성된 midnight harbor의 이미지 예

3) 슬레이트 & 실버

16 진수:#1c2430 #2f3b4a #4a5665 #a7b0ba #f2f4f6

기분:광택, 최소한의, 전문가

다음에 가장 적합합니다.기업 슬라이드 덱 및 보고서

부드러운 슬레이트와 부드러운 실버는 시원한 사무실 조명 아래에서 잘 맞춤화된 정장처럼 느껴집니다. 톤 덕분에 차트, 표 및 조밀한 사본이 밋밋해 보이지 않으면서도 읽을 수 있습니다. 콜아웃과 섹션 브레이크에 청록색이나 금색과 같은 절제된 악센트 색상을 추가하세요. 팁: 제목과 키 숫자에 가장 어두운 색조를 예약하여 즉시 계층 구조를 만듭니다.

media.io를 사용하여 생성된 slate & silver의 이미지 예

4) 데님 오피스

16 진수:#0f2a43 #1e3a57 #3a5872 #7c8b97 #e6e9ec

기분:접근하기 쉬운, 현대적이고 신뢰할 수 있는

다음에 가장 적합합니다.SaaS UI 및 설정 화면

부드러운 그레이 뉴트럴이 있는 깨끗한 데님 블루는 친근하고 생산적인 느낌이 듭니다. 대비 범위는 탐색에서 미묘한 구분기에 이르기까지 명확한 UI 상태를 지원합니다. 기본 버튼의 경우 라임이나 시안과 같은 밝은 액션 색상과 페어링합니다. 팁: 선택한 상태에 중간 톤 파란색을 사용하여 접근성이 중요한 텍스트에 가장 어두운 음영을 사용할 수 있습니다.

media.io를 사용하여 생성된 데님 오피스의 이미지 예제

5) 겨울 아스팔트

16 진수:#1a2028 #2d3540 #444e5c #8b949e #f7f8fa

기분:산뜻하고, 시원하고, 절제된

다음에 가장 적합합니다.패션 룩북 및 전자상거래 사진 배경

어두운 아스팔트에 서리가 내리는 빛은 깨끗하고 편집적인 차가움을 만듭니다. 팔레트는 패브릭이나 실루엣의 관심을 빼앗지 않고 제품 샷과 타이포그래피를 지원합니다. 오프화이트 공간과 빨간색 판매 태그와 같은 단일 강렬한 악센트와 함께 짝을 이루세요. 팁: 사진 전체에 겨울 느낌을 유지하기 위해 그림자를 약간 푸른색으로 유지하세요.

media.io를 사용하여 생성된 겨울 아스팔트의 이미지 예

6) 잉크 바운드 최소

16 진수:#111822 #1e2a3a #2f4157 #7a8696 #dfe4ea

기분:집중, 우아함, 조용함

다음에 가장 적합합니다.포트폴리오 웹사이트 및 사례 연구

깊은 잉크 톤과 부드러운 회색은 밤에 밝은 스튜디오 책상처럼 느껴집니다. 제한된 대비 덕분에 긴 양식의 사례 연구를 쉽게 스캔할 수 있으며, 특히 강력한 타이포그래픽 계층 구조가 있습니다. 페이지가 너무 차가워지지 않도록 모래와 같은 따뜻한 중성과 함께 사용하세요. 팁: 섹션 배경에 밝은 회색을 사용하여 이미지와 스크린샷이 나타납니다.

media.io를 사용하여 생성된 inkbound minimal의 이미지 예

7) 해안의 황혼

16 진수:#0e2538 #163b55 #2e607a #7b8f9e #e9f0f4

기분:신선하고, 통풍이 잘되는, 해안

다음에 가장 적합합니다.여행 포스터 및 목적지 가이드

바다 공기와 희미해진 일몰 블루스는 페이지에 바람이 가득한 평온함을 가져다줍니다. 이러한 회색 진한 파란색 색상 조합은 선명함과 분위기가 공존해야 하는 여행 그래픽에 아름답게 잘 어울립니다. 샌디 베이지색이나 햇살이 드는 복숭아색과 함께 매치하면 따뜻함과 향수를 느낄 수 있습니다. 팁: 가장 밝은 톤을 배경으로 유지하여 열린 하늘의 느낌을 유지하세요.

media.io를 사용하여 생성된 coastal dusk의 이미지 예

8) 흑연꽃

16 진수:#2a2d33 #3b3f48 #2b4a66 #6a8aa6 #e7edf2

기분:무디, 부드러운, 예술적인

다음에 가장 적합합니다.식물 일러스트레이션 및 문구

부드러운 푸른 꽃잎이 달린 스모키 흑연은 시적이고 약간 신비로운 느낌이 듭니다. 더 어두운 중립성은 깊이를 더하고, 통풍이 잘되는 하이라이트는 꽃이 무거워지는 것을 방지합니다. 조용한 보라색 또는 크림색 종이 질감과 함께 로맨틱한 마감을 연출하세요. 팁: 라인워크에 중간 파란색을 사용하여 가장 어두운 톤을 그림자로 유지할 수 있습니다.

media.io를 사용하여 생성된 흑연꽃의 이미지 예제

9) 강철 청사진

16 진수:#101826 #20314a #325070 #6d7e8c #c9d1d9

기분:기술적인, 정확한, 현대적인

다음에 가장 적합합니다.데이터 대시보드 및 분석 UI

청사진 블루스와 스틸 그레이는 날카롭고 질서 있으며 조용히 미래적인 느낌이 듭니다. 값 단계는 시각적 노이즈 없이 차트, 그리드 및 호버 상태를 지원합니다.The value steps support charts, grids, and hover state without visual noise. 경고 및 성공 상태를 위해 네온 그린과 같은 밝은 표시 색상과 페어링합니다. 팁: 그리드 라인을 밝은 회색으로 유지하여 비계가 아닌 데이터가 주의를 끌 수 있습니다.

media.io를 사용하여 생성된 강철 청사진의 이미지 예

10) 박물관의 밤

16 진수:#0a0f19 #152033 #223552 #5f6d7c #e0e5ea

기분:럭셔리, 드라마틱, 큐레이팅

다음에 가장 적합합니다.미술 전시회 전단지 및 이벤트 프로모션

희미한 갤러리 벽과 스포트라이트 프레임은 극적이고 엄선된 분위기를 연출합니다. 깊은 톤은 타이포그래피를 고급스럽게 느끼게 하는 반면, 옅은 회색은 날짜와 세부 사항을 읽을 수 있게 유지합니다. 샴페인 골드와 같은 세련된 악센트와 함께 고급스러운 마감을 연출하세요. 팁: 배경에 가장 어두운 색조를 사용하고 텍스트를 가장 밝은 회색으로 끌어 깔끔한 대비를 만듭니다.

media.io를 사용하여 생성된 museum night의 이미지 예제

11) 구름이 흐린 해군

16 진수:#141b24 #223044 #2f4663 #6f8294 #f0f3f6

기분:부드럽고 신뢰할 수 있는 균형 잡힌

다음에 가장 적합합니다.헬스케어 브랜딩 및 서비스 웹사이트

안개가 자욱한 회색의 구름이 낀 해군 기지가 든든하고 차분하다. 톤은 웰빙 브랜드에게는 충분히 부드럽지만 서비스 페이지와 양식에 맞게 구조화되어 있습니다. 부드러운 녹색이나 아쿠아와 함께 매치하여 깨끗하고 배려심이 많은 메시지를 강화하세요. 팁: 보조 버튼과 도움말 텍스트는 중간 회색으로 유지하여 기본 작업이 눈에 띄도록 합니다.

media.io를 사용하여 생성된 clouded navy의 이미지 예제

12) 산업 시크

16 진수:#23272f #2d3440 #384659 #5b6f86 #b9c3cc

기분:날카롭고 현대적이며 실용적입니다.

다음에 가장 적합합니다.남성용 미용용 제품 포장

무광택 메탈 그레이와 진한 파란색 가장자리는 대담하고 깔끔하며 실용적인 느낌을 줍니다. 팔레트는 미니멀리스트 라벨에 적합하여 타이포그래피와 마감재가 무거운 작업을 할 수 있습니다. 따뜻한 금속 호일이나 미묘한 질감을 사용하여 촉감적인 대비를 더합니다. 팁: 가장 어두운 톤을 풍부한 배경으로 인쇄하고 재료와 작은 법적 텍스트에 대해 밝은 회색을 유지합니다.

media.io를 사용하여 생성된 인더스트리얼 시크의 이미지 예제

13) 조용한 전망대

16 진수:#0c1624 #16263b #27415f #6b7f95 #d9e2ea

기분:사려 깊고, 과학적이고, 고요합니다.

다음에 가장 적합합니다.교육 인포그래픽 및 과학 블로그

측정된 회색과 함께 밤하늘 블루는 조용한 전망대와 집중된 호기심을 불러일으킵니다. 명확성이 중요한 다이어그램, 차트 및 긴 읽기에 대비가 잘 작동합니다. 회색 진한 파란색 색상 구성표로 하이라이트와 주석을 위해 노란색의 작은 팝과 잘 어울립니다. 팁: 제목을 가장 깊은 그늘에 두고 옅은 회색을 사용하여 조밀한 구간을 엽니다.

media.io를 사용하여 생성된 quiet observatory의 이미지 예

14) 북유럽 근무일

16 진수:#2b3138 #3a4754 #1f3b57 #6c7d8a #f3f5f7

기분:스칸디나비아, 깔끔한, 실용적인

다음에 가장 적합합니다.생산성 앱 UI 및 할 일 목록

짙은 파란색 앵커가 달린 깨끗한 북유럽 중립은 정리되어 있고 조용히 동기를 부여합니다. 둥근 카드와 간단한 아이콘은 창백한 배경에 특히 선명해 보입니다. 이 회색 진한 파란색 색상 팔레트는 active, done, overdue와 같은 상태로 색상 사용을 제한할 때 가장 잘 작동합니다. 팁: 기본 동작에 가장 짙은 파란색을 할당한 다음 회색이 구조와 간격을 처리하도록 합니다.

media.io를 사용하여 생성된 nordic workday의 이미지 예

15) 숯 라벤더

16 진수:#2a2a31 #3a3b46 #2b365f #8a8faa #f6f4f8

기분:부드럽고 우아하며 살짝 로맨틱

다음에 가장 적합합니다.결혼식 초대장 및 공식 문구

라벤더 색조의 빛이 있는 차콜 섀도우는 격식 있으면서도 부드러운 느낌이 듭니다. 시원한 중립성은 타이포그래피를 선명하게 유지하고, 부드러운 하이라이트는 꿈같은 종이 같은 마감을 더해줍니다. 진주 흰색 스톡과 은색 호일을 살짝 더해 세련된 룩을 연출하세요. 팁: 목탄에 본문 텍스트를 설정하고 장식품 라인이나 모노그램에만 라벤더 그레이를 사용하세요.

media.io를 사용하여 생성된 차콜 라벤더의 이미지 예

16) 비오는 출퇴근

16 진수:#1f232b #2c3441 #3b4b5f #6f7f8e #dde2e7

기분:무디, 일상, 접지

다음에 가장 적합합니다.스트리트웨어 룩북 및 소셜 게시물

젖은 포장 회색과 통근 블루는 현실적이고 질감 있으며 현대적인 느낌이 듭니다. 중간 톤은 사진에 오버레이하는 데 완벽하여 가혹한 블록 없이 캡션을 읽을 수 있습니다. 스트리트웨어 에너지를 위해 safety orange와 같은 대담한 악센트와 함께 매치하세요. 팁: 연한 회색을 부정적인 공간으로 사용하여 팔레트가 모바일에서 통기성을 유지하도록 하세요.

media.io를 사용하여 생성된 rainy commute의 이미지 예제

17) 심해 지하철

16 진수:#081a2a #0f2e46 #1d4d63 #4f6d7a #b9d0d8

기분:시원하고 현대적이며 활기차다

다음에 가장 적합합니다.기술 제품 광고 및 앱 런칭 페이지

밝고 물 같은 하이라이트가 있는 딥 시 블루는 매끄럽고 빠르게 움직이는 느낌이 듭니다. 이 범위는 대담한 헤드라인, 그라데이션 악센트, 카드의 미묘한 깊이를 지원합니다. 화이트 스페이스와 단일 네온 악센트와 함께 현대적인 기술 분위기를 연출하세요. 팁: 순수한 흰색 대신 밝은 청회색을 사용하여 글로우 효과와 분리기를 사용하세요.

media.io를 사용하여 생성된 심해 지하철의 이미지 예제

18) 스모키 사파이어

16 진수:#1c1f28 #2a3240 #1e3a68 #3d6a9a #cfd9e6

기분:대담한, 럭셔리한, 야간

다음에 가장 적합합니다.주얼리 브랜딩 및 프리미엄 포장

사파이어 블루스가 어우러진 스모키 섀도우는 고급스럽고 밤에 준비된 느낌이 듭니다. 이러한 회색 진한 파란색 색상 조합은 로고에 반점 광택이 있는 무광택 종이에 특히 풍부하게 보입니다. 금이나 청동과 같은 따뜻한 메탈릭과 함께 블루스를 보석처럼 느낄 수 있습니다. 팁: 내부 포장과 제품 정보를 가장 밝은 색조로 유지하여 깨끗하게 읽을 수 있습니다.

media.io를 사용하여 생성된 smoky sapphire의 이미지 예

19) 안개 & 피오르드

16 진수:#0f1a24 #1e2c39 #314453 #6f8594 #dfe8ee

기분:자연산, 자연산, 사색

다음에 가장 적합합니다.아웃도어 브랜드 가이드라인 및 카탈로그

안개가 자욱한 피오르드 공기와 슬레이트 물은 자연스럽고 사색적인 평온함을 만들어냅니다. 팔레트는 너무 소박하게 기울지 않으면서도 야외적인 느낌이 들어 현대 기어 브랜드에 적합합니다. 모스 그린이나 클레이와 함께 조합하여 지형을 반영하고 이야기를 근거에 맞게 유지하세요. 팁: 페이지 배경에 foggy light 톤을 사용하여 신선하고 개방적인 느낌을 유지하세요.

media.io를 사용하여 생성된 fog & fjord의 이미지 예

20) 야간 교대 대시보드

16 진수:#0d1420 #16233a #223a5a #3c5a7a #b6c2cf

기분:집중, 고대비, 기술

다음에 가장 적합합니다.다크 모드 대시보드 UI

심야 컨트롤룸 블루스는 거칠게 보이지 않으면서도 집중되고 대비가 높은 느낌이 듭니다. 깊은 베이스는 다크 모드 레이아웃을 지원하고, 멋진 하이라이트는 차트와 토글을 쉽게 찾을 수 있습니다. 활성 상태와 경고를 위해 청록색과 같은 절제된 악센트를 사용하면 됩니다. 팁: 큰 표면을 가장 어두운 두 가지 톤으로 유지하고 주요 숫자와 라벨에만 가장 밝은 색조를 사용하세요.

media.io를 사용하여 생성된 nightshift 대시보드의 이미지 예

회색 진한 파란색과 어울리는 색상은 무엇입니까?

따뜻한 금속과 따뜻한 중성은 회색 진한 파란색을 고급스럽게 느끼게 하는 가장 빠른 방법입니다. 샴페인 골드, 황동, 구리, 크림 또는 모래를 생각해보세요. 그들은 시원한 베이스의 균형을 맞추고 외관이 너무 임상적으로 느껴지지 않도록 합니다.

현대적인 대비를 위해 회색 진한 파란색을 산호, 라임, 시안 또는 안전 주황색과 같은 밝고 포화 악센트와 짝을 이루세요. CTA, 태그 또는 주요 데이터 포인트에 악센트를 아껴 사용하여 인터페이스가 차분하게 유지됩니다.

자연스러운 분위기를 원한다면 흙빛 녹색(이끼, 세이지)이나 클레이 톤을 추가하세요. 이러한 조합은 팔레트를 확고하게 유지하고 특히 아웃도어, 웰빙 및 라이프스타일 브랜드에 잘 적합합니다.

실제 디자인에서 그레이 다크 블루 컬러 팔레트를 사용하는 방법

배경의 경우 밝은 회색, 테두리 및 보조 UI의 경우 중간 회색, 제목 또는 탐색의 경우 진한 파란색으로 역할을 할당합니다. 이렇게 하면 페이지, 슬라이드 또는 인쇄 레이아웃에 걸쳐 계층 구조가 일관되게 유지됩니다.

특히 다크 모드에서 일찍 대비를 테스트하여 가독성을 유지하세요. 큰 표면이나 헤드라인 유형의 경우 가장 어두운 네이비/차콜을 예약하고, 눈의 부담을 피하기 위해 바디 카피를 밝은 회색으로 유지하세요.

마지막으로 악센트 색상 하나를 선택하고 강조(기본 버튼, 하이라이트, 알림)를 고집합니다. 회색 진한 파란색의 경우 잘 선택된 단일 악센트가 종종 여러 가지 경쟁 색상보다 더 효과적입니다.

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

대시보드, 포장, 포스터 또는 인테리어와 같은 실제 장면에서 회색 진한 파란색 색상 팔레트가 어떻게 보이는지 보고 싶으신가요? 빠른 모의 비주얼을 생성하면 약속하기 전에 대비, 분위기 및 브랜드 적합성을 검증하는 데 도움이 됩니다.

Media.io Text-to-Image를 사용하면 간단한 프롬프트를 UI 화면, 마케팅 그래픽 또는 인쇄 가능 레이아웃에 대한 팔레트와 일관된 개념으로 바꿀 수 있습니다. 처음부터 디자인을 재구성하지 않고도 변형을 탐색하는 빠른 방법입니다.

위의 프롬프트 중 하나를 선택(또는 직접 작성)하고 몇 가지 옵션을 생성한 다음 조명, 재료 및 악센트 색상을 조정하여 승자를 다듬어 보세요.

다음: 레트로 90년대 컬러 팔레트