모던 섀도우 톤: 20가지 팔레트 조합 + Hex

섀도우 컬러 팔레트는 대담한 대비와 조용한 중립성 사이의 최적의 지점에 위치하여 UI, 인쇄물 및 브랜드 시스템 전반에 걸쳐 쉽게 사용할 수 있습니다.

아래는 HEX 코드가 포함된 20가지 현대적인 섀도우 톤 팔레트 조합과 실용적인 페어링 팁, 그리고 빠른 시각적 목업을 위해 재사용할 수 있는 AI 프롬프트입니다.

섀도우 팔레트가 효과적인 이유

섀도우 팔레트는 거의 검은색에 가까운 색상, 차콜 그레이, 부드러운 악센트로 구성되어 있어 시끄럽지 않으면서도 자연스럽게 계층 구조를 만듭니다. 레이아웃이 미니멀하게 유지되더라도 깊이와 구조를 얻을 수 있습니다.

또한 순수한 검은색이나 초고채도 밝은 색상과 같은 극단을 피하기 때문에 기기와 인쇄물 전반에 걸쳐 잘 변환됩니다. 이는 그라디언트를 더 부드럽게, 타이포그래피를 더 차분하게, 배경을 더 관대하게 유지합니다.

가장 중요한 것은 섀도우 톤이 악센트를 의도적으로 보이게 만든다는 것입니다. 단일 모브, 코퍼, 틸 또는 올리브 노트가 브랜드 개성을 전달할 수 있으며 중립적인 베이스는 모든 것을 응집력 있게 유지합니다.

20가지 이상의 섀도우 컬러 팔레트 아이디어 (HEX 코드 포함)

1) 미드나잇 베일

HEX: #0f1116 #242833 #3b4252 #7a8090 #d8d9df

분위기: 신비로운, 깨끗한, 높은 대비

최적 용도: 다크 모드 SaaS 대시보드 UI

늦은 밤 안개를 뚫고 나오는 도시의 불빛처럼 신비롭고 선명합니다. 계층 구조가 중요하고 텍스트 명확성이 날카롭게 유지되어야 하는 다크 모드 레이아웃에 사용하세요. 가장 깊은 차콜을 연한 회색과 페어링하여 가독성을 높이고, 슬레이트를 카드와 패널의 안정적인 중간 톤으로 사용하세요. 팁: 가장 밝은 색조는 주요 지표와 기본 버튼에 사용하여 초점을 명확하게 유지하세요.

media.io를 사용하여 생성된 미드나잇 베일 이미지 예시

Media.io

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

지금 무료로 사용해 보기

2) 그라파이트 블룸

HEX: #1a1b1f #2f323a #4a4f5c #8e90a0 #cbb6c9

분위기: 현대적인, 부드러운, 약간 로맨틱한

최적 용도: 뷰티 브랜드 아이덴티티 세트

꽃잎의 블러시가 있는 그라파이트 가루처럼 현대적이고 벨벳 같습니다. 완전히 파스텔로 가지 않으면서도 우아함을 원하는 뷰티 브랜딩에 아름답게 작동합니다. 로고와 타입을 깊은 그라파이트로 고정한 다음 모브 틴트를 악센트, 패턴 또는 소셜 템플릿에 도입하세요. 팁: 배경 영역을 쿨 그레이로 유지하여 로즈 노트가 설탕처럼 느껴지지 않고 의도적으로 느껴지도록 하세요.

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

3) 스모크 앤 멀베리

HEX: #16131a #2c2431 #4d3a55 #7f6a86 #cfc6d6

분위기: 무디한, 럭셔리한, 창의적인

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

벨벳 룸을 통해 말리는 향 연기처럼 무디하고 럭셔리합니다. 이 톤들은 음악 비주얼, 인디 발매, 드라마틱한 엣지가 있는 시네마틱 커버 아트에 적합합니다. 멀베리를 거의 검은색 위에 놓아 대담한 타이포그래피를 만들고, 프레임을 라벤더 그레이로 부드럽게 하여 깊이를 더하세요. 팁: 가장 어두운 영역에 미묘한 그레인을 추가하여 평평하지 않고 풍부하게 유지하세요.

media.io를 사용하여 생성된 스모크 앤 멀베리 이미지 예시

4) 잉크스톤 리넨

HEX: #121418 #2a2d33 #545a63 #a8abb0 #efe6d8

분위기: 에디토리얼, 안정적인, 시대를 초월한

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

텍스처가 있는 리넨에 눌린 잉크처럼 안정적이고 에디토리얼합니다. 이러한 섀도우 컬러 조합은 대비가 거칠지 않고 차분한 장문 읽기에 이상적입니다. 마진과 네거티브 스페이스에 따뜻한 리넨 톤을 사용한 다음 차콜 룰과 슬레이트 서브헤드로 구조를 구축하세요. 팁: 밀도 높은 페이지에서 눈의 피로를 줄이기 위해 본문 텍스트를 중간 어두운 회색으로 유지하세요.

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

5) 더스크 오키드

HEX: #14121a #2a2436 #443a57 #6e6a86 #d9d3e8

분위기: 꿈결 같은, 우아한, 절제된

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

황혼에 희미하게 비춰진 난초처럼 꿈결 같고 우아합니다. 밝은 꽃무늬 없이 로맨스를 원하는 초대장에 적합하며 특히 저녁 이벤트에 적합합니다. 가장 어두운 퍼플을 부드러운 라일락과 페어링하여 타입과 모노그램에 사용한 다음 회색 톤을 테두리와 세밀한 디테일에 사용하세요. 팁: 코팅되지 않은 스톡에 인쇄하여 깊은 색조가 광택이 아닌 부드럽게 유지되도록 하세요.

media.io를 사용하여 생성된 더스크 오키드 이미지 예시

6) 포그바운드 파인

HEX: #101416 #253033 #3f5653 #7f928b #d7ddd8

분위기: 조용한, 아웃도어 느낌의, 균형잡힌

최적 용도: 친환경 제품 포장

아침 안개 속으로 사라지는 소나무 바늘처럼 조용하고 아웃도어 느낌이 납니다. 밝은 녹색으로 가지 않으면서도 자연스러운 신호를 원하는 친환경 포장에 잘 작동합니다. 라벨에 깊은 틸-차콜을 사용한 다음 여백과 성분 블록에 연한 미스트 톤을 도입하세요. 팁: 매트 마감을 추가하여 더 어두운 잉크가 자연스럽고 프리미엄하게 느껴지도록 하세요.

media.io를 사용하여 생성된 포그바운드 파인 이미지 예시

7) 신더 로즈

HEX: #1b1316 #332026 #5a3540 #9b6d79 #e7d6db

분위기: 스모키한, 따뜻한, 친밀한

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

장미빛 재 아래에서 빛나는 불씨처럼 스모키하고 따뜻합니다. 이 톤들은 시끄러운 색상 없이 친밀함과 식욕 어필을 원하는 메뉴와 호스피탈리티 디자인에 적합합니다. 제목을 가장 어두운 색조로 설정한 다음 섹션 디바이더와 콜아웃에 더스티 로즈를 사용하세요. 팁: 전체적으로 무거운 느낌을 피하기 위해 종이나 배경 영역에 가장 밝은 핑크-베이지를 유지하세요.

media.io를 사용하여 생성된 신더 로즈 이미지 예시

8) 섀도우 하버

HEX: #0e1418 #1f2a30 #334851 #6f8791 #d2dde1

분위기: 쿨한, 해양 느낌의, 전문적인

최적 용도: 금융 랜딩 페이지 UI

강철빛 파란 물이 있는 황혼의 항구처럼 쿨하고 안정적입니다. 신뢰, 구조, 현대적인 엣지가 필요한 금융 및 컨설팅 페이지에 적합합니다. 헤더와 히어로 영역에 다크 블루-블랙을 사용한 다음 카드와 차트에 뮤트된 블루를 레이어링하세요. 팁: 차분하고 자신감 있는 클릭 경로를 위해 가장 밝은 색조에 어두운 텍스트로 콜 투 액션을 유지하세요.

media.io를 사용하여 생성된 섀도우 하버 이미지 예시

9) 콰이엇 옵시디언

HEX: #0b0c0f #1a1c22 #2f323b #5b606d #bfc3cc

분위기: 미니멀한, 집중된, 프리미엄

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

부드러운 광택으로 연마된 옵시디언처럼 미니멀하고 집중되어 있습니다. 작품이 주도하고 인터페이스가 거의 보이지 않는 포트폴리오에 사용하세요. 미묘한 회색 단계로 레이어를 구축하여 갤러리, 캡션 및 내비게이션이 의도적으로 느껴지도록 하세요. 팁: 넓은 영역에 순수한 검은색을 피하고 거의 검은색 톤에 기대어 다양한 화면에서 디테일을 보존하세요.

media.io를 사용하여 생성된 조용한 흑요석의 이미지 예시

10) 슬레이트 라벤더

HEX: #15161b #2a2d38 #4a4f66 #8c90ab #e4e3f0

분위기: 차분한, 기술적인, 친근한

최적 용도: 헬스 앱 온보딩 화면

차분하고 친근한, 시원한 슬레이트 위의 라벤더 안개 같은 느낌. 이 색조는 강렬함보다 안심이 중요한 건강 또는 습관 앱에 잘 어울립니다. 주요 UI 표면에는 슬레이트를 사용하고, 아이콘과 진행 상태에는 라벤더를 뿌려주세요. 팁: 배경 패널에는 밝은 톤을, 주요 레이블에는 가장 어두운 톤을 사용하여 대비를 일관되게 유지하세요.

media.io를 사용하여 생성된 슬레이트 라벤더의 이미지 예시

11) 석탄과 점토

HEX: #14100e #2b221d #4e3c33 #8a7162 #e7dccf

분위기: 흙의, 촉각적인, 소박한

최적 용도: 도자기 스튜디오 브랜딩

흙의 질감과 촉각적인, 따뜻한 점토 위의 석탄 가루 같은 느낌. 정직한 재료와 기본적인 느낌을 원하는 제작자, 도자기 스튜디오 및 공예 레이블에 적합합니다. 로고와 스탬프에는 깊은 갈색-검정색을 사용하고, 포장 배경과 영수증에는 점토 베이지를 사용하세요. 팁: 디자인을 압도하지 않으면서 수제 표면을 암시하기 위해 중간 갈색을 사용하여 단일 질감 패턴을 추가하세요.

media.io를 사용하여 생성된 석탄과 점토의 이미지 예시

12) 폭풍우 자두

HEX: #111016 #262232 #3c314e #6b5b7a #cfc5d6

분위기: 극적인, 예술적인, 세련된

최적 용도: 극장 포스터 디자인

극적이고 세련된, 자두색 벨벳 커튼 위로 구르는 폭풍 구름 같은 느낌. 이러한 섀도우 색상 조합은 깊이, 대비 및 기대감이 필요한 포스터에서 빛을 발합니다. 배경에는 거의 검은색을 사용한 다음 자두색 타이포그래피와 부드러운 라벤더 악센트를 배치하여 시선을 유도하세요. 팁: 하나의 강한 초점 요소를 유지하고 어두운 공간이 무거운 작업을 수행하도록 하세요.

media.io를 사용하여 생성된 폭풍우 자두의 이미지 예시

13) 재색 올리브

HEX: #121412 #262c24 #3f4a3a #7c8a73 #dde2d6

분위기: 은은한, 자연스러운, 차분한

최적 용도: 식물 수채화 프린트

은은하고 차분한, 그늘에서 말린 올리브 잎 같은 느낌. 식물 예술, 웰니스 프린트 및 자연 중심 문구류에 강력하게 적합합니다. 밝은 회색-녹색을 종이 톤으로 유지한 다음 중간 올리브와 깊은 이끼로 잎 모양을 구축하세요. 팁: 팔레트가 군사적이 아닌 통풍이 잘 되도록 부드러운 가장자리와 투명한 워시를 사용하세요.

media.io를 사용하여 생성된 재색 올리브의 이미지 예시

14) 팬텀 청록

HEX: #0d1416 #1b2a2e #2f4c4f #6f8f91 #d6e1e1

분위기: 세련된, 시원한, 미래적인

최적 용도: 사이버 보안 제품 광고

세련되고 시원한, 어두운 유리에 반사되는 청록색 빛 같은 느낌. 네온 과부하 없이 현대적이고 기술적인 분위기가 필요한 사이버 보안 광고에 적합합니다. 배경 블록에는 깊은 청록색을 사용하고 하이라이트, 배지 및 아이콘 스트로크에는 밝은 아쿠아-그레이를 사용하세요. 팁: 그라디언트를 미묘하게 유지하고 상태 표시기와 같은 작은 신호에 더 밝은 톤을 한정하세요.

media.io를 사용하여 생성된 팬텀 청록의 이미지 예시

15) 달빛 코코아

HEX: #120f0e #2a211e #46352e #8a7468 #e9dfd8

분위기: 아늑한, 따뜻한, 고급스러운

최적 용도: 커피숍 로열티 카드

아늑하고 고급스러운, 어두운 카페 조명 속 코코아 증기 같은 느낌. 이러한 따뜻한 뉴트럴은 초대하는 느낌이어야 하는 커피 브랜딩, 로열티 카드 및 소형 포장에 완벽합니다. 타입과 스탬프에는 가장 어두운 에스프레소 톤을 사용한 다음 크리미한 베이지 배경과 부드러운 갈색 악센트로 균형을 맞추세요. 팁: 디자인을 무겁게 느끼게 하지 않으면서 프레임을 만들기 위해 중간 갈색으로 얇은 테두리를 추가하세요.

media.io를 사용하여 생성된 달빛 코코아의 이미지 예시

16) 아이언 라일락

HEX: #14141a #2b2c3a #45465e #7a7b99 #dad8e6

분위기: 산업적인, 부드러운, 현대적인

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

산업적이면서도 부드러운, 라일락 저녁 빛 아래 철 보 같은 느낌. 기술적 정밀함과 인간적인 터치를 원하는 건축 또는 인테리어 스튜디오에 자신 있게 적합합니다. 가장 어두운 톤으로 내비게이션과 헤드라인을 처리하고, 라일락-그레이로 그리드, 캡션 및 프로젝트 태그를 지원하세요. 팁: 미묘한 보라색이 장식적이 아닌 세련되게 읽히도록 충분한 여백을 유지하세요.

media.io를 사용하여 생성된 아이언 라일락의 이미지 예시

17) 그을린 사암

HEX: #151311 #2e2924 #564d44 #9a8f84 #efe7de

분위기: 유산의, 자연스러운, 절제된

최적 용도: 박물관 전단지 디자인

유산이 있고 절제된, 오래된 사암 벽에 정착하는 그을음 같은 느낌. 이 혼합은 같은 호흡으로 신뢰성과 따뜻함을 원하는 박물관과 문화 행사에 적합합니다. 제목과 날짜에는 어두운 갈색-회색을 사용한 다음 배경과 정보 블록에는 모래색 뉴트럴을 레이어하세요. 팁: 옛것과 새것이 만나는 톤을 반영하기 위해 하나의 세리프와 하나의 산세리프 글꼴 페어링을 선택하세요.

media.io를 사용하여 생성된 그을린 사암의 이미지 예시

18) 레이븐베리

HEX: #0f0c12 #251b28 #3f2a3e #7a5d73 #e2d6df

분위기: 수수께끼 같은, 대담한, 스타일리시한

최적 용도: 패션 에디토리얼 표지

수수께끼 같고 스타일리시한, 까마귀 깃털 아래 어두운 베리 같은 느낌. 극적이지만 인쇄에서 여전히 세련되게 느껴지는 패션 에디토리얼을 위해 만들어졌습니다. 표지 배경을 거의 검은색으로 설정한 다음 럭셔리한 마무리를 위해 헤드라인과 얇은 규칙에 베리 모브를 가져오세요. 팁: 악센트 요소를 작고 의도적으로 유지하여 더 어두운 톤이 지배적으로 유지되도록 하세요.

media.io를 사용하여 생성된 레이븐베리의 이미지 예시

19) 안개 낀 차콜

HEX: #101114 #23262d #3d424e #7e8596 #e3e6ee

분위기: 중립적인, 통풍이 잘 되는, 신뢰할 수 있는

최적 용도: 프레젠테이션 슬라이드 덱

중립적이고 통풍이 잘 되는, 해안 안개로 부드러워진 차콜 같은 느낌. 차트, 숫자 및 헤드라인에 일관된 명확성이 필요한 슬라이드 덱을 위한 안전하고 현대적인 선택입니다. 본문 텍스트에는 중간 차콜을, 캔버스에는 밝은 색조를, 섹션 구분선에는 더 어두운 톤을 사용하세요. 팁: 스캔 속도를 향상시키기 위해 주요 데이터 뒤에 가장 밝은 쉐이드를 미묘한 패널로 적용하세요.

media.io를 사용하여 생성된 안개 낀 차콜의 이미지 예시

20) 야상곡 구리

HEX: #120f12 #2a252b #463a45 #9a6b57 #f0e2da

분위기: 분위기 있는, 따뜻한, 프리미엄

최적 용도: 럭셔리 캔들 포장

분위기 있고 프리미엄한, 어두운 방에서 빛을 받는 구리 같은 느낌. 이 섀도우 색상 팔레트는 밝기 없이 따뜻함이 필요한 럭셔리 캔들, 향수 라벨 및 선물 상자에 완벽합니다. 포일 스탬프 디테일에는 구리 톤을 아껴서 사용한 다음 주요 라벨 구조에는 깊은 자두-차콜을 사용하세요. 팁: 금속 악센트가 의도적이고 비싸게 느껴지도록 배경을 밝고 크리미하게 유지하세요.

media.io를 사용하여 생성된 야상곡 구리의 이미지 예시

섀도우와 잘 어울리는 색상은?

섀도우 톤은 부드러워진 라이트(안개 낀 화이트, 리넨 베이지, 밝은 라일락)와 가장 잘 어울립니다. 순수한 화이트의 거친 점프 없이 가독성을 유지하기 때문입니다. 이것은 UI 표면과 에디토리얼 페이지를 더 부드럽게 느끼게 합니다.

악센트의 경우 구성 요소 전체에서 반복할 수 있는 하나의 절제된 색조를 선택하세요: 모브, 구리, 슬레이트-블루, 은은한 청록 또는 재색 올리브. 베이스가 어두운 뉴트럴일 때 낮은 채도의 악센트도 의도적으로 읽힙니다.

더 많은 에너지가 필요한 경우 소량으로 단일 "신호" 색상을 추가하세요(버튼, 배지, 차트 하이라이트). 팔레트가 완전한 고채도 체계로 전환되지 않고 섀도우 중심으로 유지되도록 통제하세요.

실제 디자인에서 섀도우 컬러 팔레트를 사용하는 방법

역할 기반 매핑으로 시작하세요: 헤더/푸터에는 가장 어두운 색, 주요 표면에는 중간 어두운 색, 테두리 및 보조 패널에는 중간 색, 카드, 모달 또는 주요 데이터 배경에는 가장 밝은 색조.

브랜딩에서는 로고와 타이포그래피를 가장 깊은 뉴트럴에 고정한 다음 포장 트림, 소셜 템플릿 또는 포일/스팟 디테일에 악센트가 나타나도록 하세요. 섀도우 팔레트는 반복이 일관적일 때 프리미엄하게 느껴집니다.

에디토리얼 레이아웃의 경우 큰 블록에 가장 어두운 톤을 과도하게 사용하지 마세요. 따뜻한 오프-화이트 여백이 있는 거의 검은색 베이스가 종종 더 세련되게 읽히고 더 안정적으로 인쇄됩니다.

AI로 섀도우 팔레트 비주얼 만들기

이미 HEX 코드가 있는 경우 섀도우 팔레트를 검증하는 가장 빠른 방법은 모든 것을 수동으로 디자인하기 전에 사실적인 목업(UI 화면, 포스터, 포장)을 생성하는 것입니다. 대비, 분위기 및 악센트 균형이 적절한지 빠르게 테스트할 수 있습니다.

위의 프롬프트를 재사용하고, 개념(브랜드 유형, 레이아웃, 주제)을 교체하고, 팔레트 방향(차콜, 슬레이트, 은은한 악센트)을 일관되게 유지하세요. 이것은 피치 덱과 초기 브랜드 탐색에 특히 유용합니다.

Media.io를 사용하면 몇 분 안에 여러 변형을 생성한 다음 섀도우 톤을 그대로 유지하면서 조명, 질감 및 구성을 조정하기 위해 프롬프트를 개선할 수 있습니다.

다음: 전통적인 색상 팔레트