다크 그레이 컬러 팔레트: 20가지 조합 + 16진수 코드

다크 그레이는 무엇과 조합하느냐에 따라 세련되고, 차분하거나, 드라마틱하게 느껴질 수 있는 현대적인 중성색입니다. 순수한 블랙의 강렬함 없이 구조를 더하기 때문에 UI, 브랜딩, 인테리어에서 자주 선택됩니다.

아래는 HEX 코드가 포함된 20가지 엄선된 다크 그레이 컬러 팔레트 아이디어와 악센트 선택, 대비 균형 조정, AI를 사용한 팔레트 비주얼 생성에 대한 실용적인 가이드입니다.

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

다크 그레이는 블랙과 중간 톤 중성색 사이의 "스위트 스팟"에 위치합니다: 깊이, 대비, 위계를 제공하지만 눈에는 더 부드럽습니다. 이는 인터페이스 디자인, 편집 레이아웃, 프리미엄 브랜드 시스템에 특히 효과적입니다.

다크 그레이는 본질적으로 다재다능하기 때문에 따뜻하게(토프, 에스프레소, 로즈우드) 또는 차갑게(스틸, 슬레이트, 블루-블랙) 변화할 수 있습니다. 적절한 악센트를 사용하면 동일한 중성 베이스가 웰니스 지향적이거나, 기업적이거나, 경쾌하거나, 고급스럽게 느껴질 수 있습니다.

또한 텍스처와도 잘 어울립니다—종이 질감, 미묘한 노이즈, 매트 마감, 부드러운 그림자—팔레트를 미니멀하게 유지하더라도 디자인이 입체적이고 덜 "평평하게" 느껴지도록 도와줍니다.

20개 이상의 다크 그레이 컬러 팔레트 아이디어 (HEX 코드 포함)

1) 그라파이트 앤 리넨

HEX: #2b2d31 #3c3f45 #6b6f77 #d7d1c6 #f3f1ed

분위기: 차분한, 건축적인, 세련된

최적용도: 건축 스튜디오 웹사이트 히어로

차분하고 건축적인, 리넨 중성색과 대비되는 이 그라파이트 톤은 콘크리트, 종이, 부드러운 햇빛처럼 느껴집니다. 조용한 자신감이 필요한 스튜디오 웹사이트, 포트폴리오, 프리미엄 서비스 브랜드에 사용하세요. 따뜻한 오프화이트와 미묘한 텍스처(종이 질감 또는 가벼운 노이즈)를 조합하여 평평한 느낌을 피하세요. 팁: 밝은 리넨을 주 배경으로 유지하고 깊은 그라파이트는 제목과 주요 버튼용으로 예약하세요.

media.io를 사용하여 생성된 그라파이트 앤 리넨 이미지 예시

Media.io

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

지금 무료로 체험하기

2) 차콜 세이지

HEX: #24262b #3a3d44 #5a6b5f #9bb49c #e6efe7

분위기: 안정적인, 식물성의, 현대적인

최적용도: 웰니스 브랜드 아이덴티티 키트

안정적이고 식물적인, 차콜은 돌처럼 읽히고 세이지는 신선하고 허브 같은 활력을 더합니다. 이 다크 그레이 색상 조합은 웰니스 브랜딩, 약국 라벨, 차분한 라이프스타일 패키징에 아름답게 작동합니다. 현대적이고 자연 중심의 느낌을 위해 매트 텍스처와 절제된 라인 아트와 조합하세요. 팁: 어두운 톤이 무겁게 느껴지지 않도록 연한 민트를 네거티브 스페이스로 사용하세요.

media.io를 사용하여 생성된 차콜 세이지 이미지 예시

3) 스틸 블루 나이트

HEX: #1f2228 #353a44 #4a6072 #7b9bb8 #e8edf3

분위기: 차가운, 기술적인, 신뢰할 수 있는

최적용도: SaaS 대시보드 UI

차갑고 기술적인, 거의 블랙에 가까운 위에 겹쳐진 스틸 블루는 깨끗하고 자신감 있는 빛을 가진 나이트 모드처럼 느껴집니다. 명확성이 중요한 SaaS 대시보드, 분석 도구, 기업 UI에 적합합니다. 데이터 테이블과 보조 패널을 위해 얇은 구분선과 밝은 차가운 배경과 조합하세요. 팁: 추가 색상을 더하지 않고 즉각적인 위계를 만들기 위해 가장 밝은 톤을 주요 지표용으로 예약하세요.

media.io를 사용하여 생성된 스틸 블루 나이트 이미지 예시

4) 애쉬 로즈우드

HEX: #2a2728 #444041 #6d5a58 #b08a82 #f2e7e5

분위기: 따뜻한, 친밀한, 빈티지 성향의

최적용도: 커피숍 메뉴 디자인

따뜻하고 친밀한, 로즈우드 언더톤이 있는 애쉬 그레이는 가죽 노트와 조용한 카페 코너를 연상시킵니다. 아늑한 세련미를 원하는 메뉴, 부티크 호스피탈리티, 장인 제품 목록에 잘 작동합니다. 섹션 헤더를 위해 크리미한 종이 배경과 음소거된 블러시 하이라이트와 조합하세요. 팁: 본문 텍스트는 미드 그레이로 유지하고 깊은 톤은 가격과 주요 라벨에만 사용하세요.

media.io를 사용하여 생성된 애쉬 로즈우드 이미지 예시

5) 슬레이트 시트러스 팝

HEX: #262a30 #3d434d #707786 #f0c94a #fff3d6

분위기: 대담한, 경쾌한, 편집적인

최적용도: 소셜 미디어 광고 크리에이티브

대담하고 경쾌한, 슬레이트 그레이가 무대를 설정하고 시트러스 옐로우가 헤드라인 하이라이트처럼 뚫고 나옵니다. 네온으로 가지 않고 대비가 필요한 소셜 광고, 프로모 배너, 공지사항에 강력한 선택입니다. 에너지를 깨끗하게 유지하기 위해 큰 타이포그래피와 단순한 기하학적 모양과 조합하세요. 팁: 최대 임팩트를 위해 옐로우를 하나의 초점 요소(버튼, 가격 태그 또는 배지)로 제한하세요.

media.io를 사용하여 생성된 슬레이트 시트러스 팝 이미지 예시

6) 잉크 앤 샌드스톤

HEX: #202226 #36383f #6a6f78 #c3b6a6 #f6f0e8

분위기: 미니멀한, 프리미엄, 시대를 초월한

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

미니멀하고 프리미엄한, 샌드스톤 중성색과 대비되는 잉크 그레이는 석기, 리넨, 조용한 럭셔리처럼 느껴집니다. 이 다크 그레이 컬러 팔레트는 절제를 원하는 스킨케어 패키징, 부티크 캔들, 고급 DTC 브랜드에 적합합니다. 차갑지 않고 따뜻하게 유지하려면 엠보싱 마감과 따뜻한 중성색과 조합하세요. 팁: 라벨 필드에는 샌드스톤을 사용하고 잉크 톤이 로고와 성분 위계를 담당하게 하세요.

media.io를 사용하여 생성된 잉크 앤 샌드스톤 이미지 예시

7) 미드나잇 플럼 스모크

HEX: #1d1c22 #332b37 #5a435f #a07aa6 #efe7f1

분위기: 신비로운, 창의적인, 야행성의

최적용도: 인디 앨범 커버 아트워크

신비롭고 창의적인, 플럼 스모크가 있는 미드나잇 그레이는 부드러운 보라색 빛 아래 심야 스튜디오 세션처럼 느껴집니다. 분위기적인 성향의 앨범 커버, 이벤트 포스터, 예술적 캠페인에 이상적입니다. 연한 라일락의 고대비 타입과 조합하고 분위기를 증폭시키기 위해 이미지를 추상적으로 유지하세요. 팁: 추가 색상 없이 깊이를 위해 가장 어두운 톤을 사용하여 그레인과 부드러운 비네트를 추가하세요.

media.io를 사용하여 생성된 미드나잇 플럼 스모크 이미지 예시

8) 콘크리트 앤 코퍼

HEX: #2c2f33 #454a51 #777d86 #b46b4d #f1dfd6

분위기: 산업적인, 자신감 있는, 따뜻한 메탈

최적용도: 크래프트 증류주 라벨 디자인

산업적이지만 초대하는, 콘크리트 그레이가 코퍼를 만나는 것은 도시의 돌에 대한 브러시드 메탈과 같습니다. 거칠지만 따뜻함을 원하는 크래프트 증류주, 프리미엄 커피, 제품 라벨에 작동합니다. 촉각적이고 선반에 준비된 느낌을 위해 압축된 타이포그래피와 구리 포일 스타일 악센트와 조합하세요. 팁: 중성 베이스가 제어 상태를 유지하도록 작은 배지나 테두리에만 코퍼를 배치하세요.

media.io를 사용하여 생성된 콘크리트 앤 코퍼 이미지 예시

9) 스토미 틸

HEX: #23262b #3c4248 #4b6b6b #69a6a1 #e7f3f2

분위기: 신선한, 해안의, 현대적인

최적용도: 여행 블로그 헤더 디자인

신선하고 해안적인, 틸이 있는 스토미 그레이는 흐린 하늘 아래 씨글라스처럼 느껴집니다. 중성 백본을 잃지 않고 색상을 원하는 여행 헤더, 라이프스타일 블로그, 통풍이 잘 되는 브랜드에 적합합니다. 링크와 콜아웃을 위한 틸 하이라이트와 충분한 여백과 조합하세요. 팁: 틸이 우연이 아닌 의도적으로 읽히도록 이미지를 차가운 톤으로 유지하세요.

media.io를 사용하여 생성된 stormy teal의 이미지 예시

10) 스모크드 라벤더

HEX: #26242a #3e3a45 #6f667a #b5a9c9 #f4f0fa

분위기: 부드럽고, 몽환적이며, 현대적인

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

부드럽고 몽환적인 스모크드 그레이와 라벤더의 조합은 황혼의 안개와 눌린 꽃처럼 읽힙니다. 현대적인 결혼식, 우아한 초대장, 밝은 파스텔 없이 로맨스를 목표로 하는 문구류에 완벽하게 어울립니다. 섬세한 세리프 서체와 연한 배경에 충분한 여백을 함께 사용하세요. 팁: 중간 라벤더는 전체 색상 블록보다는 테두리와 작은 아이콘에 사용하세요.

media.io를 사용하여 생성된 스모크드 라벤더의 이미지 예시

11) 그래나이트 민트 스튜디오

HEX: #24272c #3a3f46 #5e646e #7fd1b9 #eaf8f3

분위기: 깔끔하고, 활기차며, 기술 친화적인

최적용도: 피트니스 앱 온보딩 화면

깔끔하고 활기찬 그래나이트 그레이는 예리함을 유지하면서 민트는 현대적인 신선함을 더합니다. 명확성과 동기 부여가 중요한 피트니스 앱, 습관 트래커, 제품 온보딩에 적합합니다. 혼란을 피하기 위해 대담한 진행 표시기와 간단한 일러스트레이션과 함께 사용하세요. 팁: 민트는 성공 상태와 주요 작업에 사용하고, 보조 버튼은 중간 그레이로 유지하세요.

media.io를 사용하여 생성된 그래나이트 민트 스튜디오의 이미지 예시

12) 어반 체리

HEX: #1f2024 #34363d #5c4a52 #b23a56 #f6e7ec

분위기: 대담하고, 스타일리시하며, 나이트라이프

최적용도: 패션 룩북 레이아웃

대담하고 스타일리시한 어반 그레이와 체리 레드는 광택이 나는 돌에 반사되는 도시의 불빛처럼 느껴집니다. 혼란 없이 태도가 필요한 패션 룩북, 나이트라이프 전단지, 특색 있는 브랜딩에 사용하세요. 큰 사진 블록과 함께 사용하고 체리는 섹션 제목이나 페이지 번호에 꽉 찬 강조로 사용하세요. 팁: 가장 어두운 톤은 배경에 사용하고 블러시 틴트는 텍스트 주변의 네거티브 공간을 부드럽게 하는 데 사용하세요.

media.io를 사용하여 생성된 어반 체리의 이미지 예시

13) 포그 앤 머스타드

HEX: #2a2c31 #40444c #7a808b #d7a51f #f7f0d6

분위기: 자신감 있고, 레트로-모던하며, 강렬한

최적용도: 이벤트 포스터 디자인

자신감 있고 약간 레트로한 안개 낀 그레이는 머스타드를 비 오는 거리의 스포트라이트처럼 느끼게 합니다. 이러한 다크 그레이 색상 조합은 이벤트 포스터, 컨퍼런스 그래픽, 강렬한 공지에 완벽합니다. 깔끔하고 고대비의 룩을 위해 청키한 산세리프 서체와 단순한 도형과 함께 사용하세요. 팁: 머스타드가 날짜와 행동 유도 문구를 담당하게 하고 그레이가 나머지 모든 것을 처리하게 하세요.

media.io를 사용하여 생성된 포그 앤 머스타드의 이미지 예시

14) 퓨터 오션

HEX: #262a2f #3e454f #6b7787 #3c7fa6 #e6f1f7

분위기: 산뜻하고, 신뢰할 수 있으며, 기업적인-차분함

최적용도: B2B 랜딩 페이지 디자인

산뜻하고 신뢰할 수 있는 퓨터 그레이와 오션 블루는 광택 나는 강철과 열린 바다처럼 느껴집니다. 차분한 권위가 필요한 B2B 랜딩 페이지, 핀테크, 컨설팅 브랜드에 강력하게 어울립니다. 파란색이 장난스럽지 않고 전문적으로 느껴지도록 명확한 아이콘과 밝은 배경과 함께 사용하세요. 팁: 오션 블루는 큰 배경 채우기가 아닌 링크와 섹션 마커에 사용하세요.

media.io를 사용하여 생성된 퓨터 오션의 이미지 예시

15) 카본 네온 라임

HEX: #1c1f23 #2f333a #555c66 #b8ff4a #f4ffe0

분위기: 엣지 있고, 고대비, 미래적인

최적용도: 게임 제품 광고 배너

엣지 있고 미래적인 카본 그레이는 네온 라임을 어두운 방의 HUD 하이라이트처럼 느끼게 합니다. 즉각적인 가시성을 원하는 게임 광고, 기술 제품 출시, 강렬한 배너에 이상적입니다. 예리한 도형과 단일 라임 글로우 효과와 함께 사용하여 혼란스럽지 않고 세련되게 유지하세요. 팁: 라임을 하나의 기본 버튼과 하나의 작은 세부 라인으로 제한하여 통제되고 프리미엄한 분위기를 유지하세요.

media.io를 사용하여 생성된 카본 네온 라임의 이미지 예시

16) 뮤지엄 토프

HEX: #2d2c2a #474543 #746b63 #b9aa96 #f2ede6

분위기: 클래식하고, 큐레이션된, 절제된

최적용도: 아트 갤러리 브로셔 레이아웃

클래식하고 큐레이션된 토프 계열 그레이는 미술관 벽, 액자에 넣은 프린트, 부드러운 트랙 조명을 연상시킵니다. 갤러리 브로셔, 문화 행사 프로그램, 세련된 인쇄물에 효과적입니다. 콘텐츠가 숨 쉴 수 있도록 넉넉한 여백과 미묘한 규칙과 함께 사용하세요. 팁: 연한 크림을 페이지 배경에 사용하고 가장 어두운 톤은 캡션과 내비게이션 요소에 사용하세요.

media.io를 사용하여 생성된 뮤지엄 토프의 이미지 예시

17) 모노크롬 드리프트

HEX: #17181b #2a2c31 #4a4e57 #7b818d #d9dde3

분위기: 미니멀하고, 중립적이며, 초현대적인

최적용도: 모바일 UI 컴포넌트 라이브러리

미니멀하고 초현대적인 이 표류하는 그레이들은 안개, 크롬, 깔끔한 타이포그래피처럼 느껴집니다. 최대한의 유연성이 필요한 컴포넌트 라이브러리, 디자인 시스템, UI 키트에 완벽한 다크 그레이 색상 팔레트입니다. 제품의 다른 곳에서 단일 브랜드 강조색과 함께 사용하고, 이러한 중립색이 구조를 위한 무거운 작업을 하도록 하세요. 팁: 작은 텍스트 뒤에 가장 밝은 그레이를 사용하고 주요 레이블에는 거의 검은색을 남겨두어 접근성을 보장하세요.

media.io를 사용하여 생성된 모노크롬 드리프트의 이미지 예시

18) 에스프레소 올리브

HEX: #2a2420 #413835 #5a6150 #8b9b6a #efece6

분위기: 자연스럽고, 러스틱-모던하며, 편안한

최적용도: 레스토랑 브랜딩 및 메뉴

자연스럽고 편안한 에스프레소 브라운-그레이와 올리브 그린은 나무 테이블, 도자기 접시, 도마 위의 허브를 연상시킵니다. 레스토랑 브랜딩, 농장에서 식탁으로 메뉴, 요리 패키징에 잘 어울립니다. 자연스러운 종이 질감과 간단한 일러스트레이션과 함께 사용하여 기반이 있는 느낌을 주세요. 팁: 올리브는 카테고리 마커와 하이라이트에 사용하고, 가장 어두운 에스프레소 톤은 헤드라인과 로고 마크에 사용하세요.

media.io를 사용하여 생성된 에스프레소 올리브의 이미지 예시

19) 레이니 데이 파스텔

HEX: #2a2d34 #434854 #6f7582 #c9b7d8 #e8eef5

분위기: 부드럽고, 친근하며, 기술-라이트

최적용도: 학생 플래너 템플릿

부드럽고 친근한 레이니 그레이와 부드러운 라일락의 혼합은 공책, 흐린 오후, 차분한 집중력처럼 느껴집니다. 지지적으로 느껴져야 하는 플래너 템플릿, 학습 대시보드, 인쇄 가능한 정리도구에 적합합니다. 연한 청회색을 사용하여 둥근 도형과 미묘한 섹션 채우기와 함께 사용하세요. 팁: 라일락을 헤더와 체크 마크로 제한하여 인쇄할 때 레이아웃이 읽기 쉽게 유지되도록 하세요.

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

20) 누아르 골드 액센트

HEX: #1b1c1f #2f3136 #585b61 #c7a04a #f6f0e3

분위기: 럭셔리하고, 드라마틱하며, 고대비

최적용도: 프리미엄 시계 제품 광고

럭셔리하고 드라마틱한 누아르 그레이와 따뜻한 골드는 어두운 부티크와 광택 나는 금속 위의 스포트라이트처럼 느껴집니다. 프리미엄 제품 광고, 고급 랜딩 페이지, 우아한 공지에 사용하세요. 골드가 놋쇠 같지 않고 풍부하게 보이도록 최소한의 카피, 강한 대비, 크림 배경과 함께 사용하세요. 팁: 골드를 전체 블록 색상이 아닌 로고와 작은 규칙을 위한 마이크로 액센트로 취급하세요.

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

다크 그레이와 잘 어울리는 색상은?

크림, 리넨, 베이지, 샌드스톤과 같은 따뜻한 중립색은 다크 그레이를 더욱 매력적이고 프리미엄하게 만듭니다. 이것은 강한 대비 대신 "조용한 럭셔리"를 원하는 패키징, 편집 레이아웃, 인테리어 스타일 브랜딩을 위한 신뢰할 수 있는 조합입니다.

스틸 블루, 틸, 오션 톤과 같은 쿨한 액센트는 다크 그레이를 기술적이고 신뢰할 수 있는 방향으로 밀어냅니다. 이러한 조합은 명확성과 계층 구조를 유지하기 때문에 SaaS UI, 대시보드, 기업 랜딩 페이지에 특히 효과적입니다.

더 높은 에너지를 위해서는 다크 그레이를 베이스로 사용하고 단일 강렬한 액센트(머스타드, 시트러스 옐로우, 체리, 네온 라임 또는 골드)를 추가하세요. 핵심은 절제입니다: 하나의 액센트 역할(CTA, 배지 또는 하이라이트)이 디자인을 예리하고 통제되게 유지합니다.

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

역할 할당부터 시작하세요: 헤드라인/기본 UI용 다크 톤 하나, 본문 텍스트와 테두리용 미드 그레이 하나, 배경용 라이트 중립색 하나. 이렇게 하면 "흐릿한 그레이-온-그레이" 레이아웃을 피하고 타이포그래피를 읽기 쉽게 유지합니다.

상호 작용과 강조를 위해 의도적으로 액센트를 사용하세요—버튼, 링크, 활성 상태, 날짜, 가격표 또는 작은 브랜드 마크. 색상을 추가하지 않고 더 많은 깊이가 필요한 경우, 기존 그레이를 사용하여 미묘한 그라디언트, 그림자, 질감에 기대세요.

접근성을 위해 대비(특히 작은 텍스트)를 확인하고 가장 밝은 색조를 텍스트 배경으로 예약하세요. UI에서 다크 그레이는 배경이 완전히 검은색이 아닐 때 가장 잘 작동하며, 프리미엄한 느낌을 유지하면서 눈의 피로를 줄입니다.

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

실제 레이아웃에서 다크 그레이 팔레트가 어떻게 보이는지 확인하려면 AI로 빠른 목업을 생성하세요: 히어로 섹션, 포스터, 패키징, UI 화면. 일관된 HEX 색상 세트를 사용하면 커밋하기 전에 계층 구조, 대비, "분위기"를 평가하는 데 도움이 됩니다.

Media.io Text to Image를 사용하면 위의 예시와 같은 프롬프트를 붙여넣고, 팔레트를 일관되게 유지하며, 빠르게 반복할 수 있습니다—무드보드, 피치 덱, 초기 브랜드 탐색에 적합합니다.

다음: 스킨 컬러 팔레트