헥스 코드와 사용 팁이 포함된 최고의 고딕 컬러 팔레트 아이디어 20가지

고딕 팔레트는 깊은 그림자와 로맨틱한 하이라이트를 조화시켜 영화적이고 우아하며 약간 신비로운 느낌의 디자인을 만듭니다. 시끄러운 네온 에너지 없이 높은 대비를 원할 때 이상적입니다.

아래는 HEX 코드가 포함된 20개 이상의 고딕 컬러 팔레트 아이디어와 브랜딩, UI, 포스터, 초대장 및 무드 있는 사진 편집을 위한 실용적인 팁입니다.

고딕 팔레트가 잘 작동하는 이유

고딕 컬러 팔레트는 의도적인 어둠을 중심으로 구성됩니다: 거의 검은색에 가까운 베이스, 깊은 보석 톤, 그리고 부드러운 하이라이트. 이러한 구조는 자연스럽게 계층을 만들어 타이포그래피와 초점 요소를 적은 노력으로 더 극적으로 느끼게 합니다.

고딕 팔레트는 또한 감정을 빠르게 전달합니다—로맨스, 신비, 유산 또는 힘—버건디, 바이올렛, 슬레이트 블루 또는 앤틱 골드 중 어디에 중점을 두느냐에 따라 달라집니다. 미니멀한 레이아웃조차도 그림자가 스토리텔링을 하기 때문에 영화적으로 느껴집니다.

가장 중요한 것은 고딕 컬러 조합이 여러 매체에서 잘 확장된다는 것입니다. 대비를 조절하고 액센트를 절제된 상태로 유지하는 한, 동일한 팔레트가 럭셔리 브랜딩, 다크 모드 UI, 포스터 및 사진 프리셋을 지원할 수 있습니다.

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

1) 대성당 벨벳

HEX: #0b0b0f #2a2438 #5a1f2b #a28b6e #e7e1d6

무드: 다크 로맨틱, 당당한, 촛불의

최적: 럭셔리 브랜딩 및 로고 시스템

어두운 벨벳 그림자와 예배당 촛불은 부드러운 앤틱 광채와 함께 당당하고 로맨틱한 톤을 설정합니다. 주요 표면에는 거의 검은색과 깊은 자주색을 사용한 다음 시끄럽지 않게 강조하기 위해 버건디를 추가하세요. 따뜻한 금색-베이지와 뼈 흰색은 타입을 편집적이고 프리미엄하게 느끼게 합니다. 세련된 고딕 컬러 팔레트의 경우 액센트를 10% 미만으로 유지하고 여백이 작업을 하도록 하세요.

media.io를 사용하여 생성된 대성당 벨벳 이미지 예시

Media.io

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

지금 무료로 체험하기

2) 미드나잇 로즈

HEX: #120a14 #3b1c32 #7a1e3a #c24a6a #f2d7de

무드: 로맨틱, 극적인, 모던 빈티지

최적: 뷰티 제품 광고 및 소셜 포스트

자정 꽃과 으깬 장미 꽃잎은 이 조합에 극적이고 친밀한 광채를 줍니다. 잉크 베이스로 레이아웃을 고정한 다음 그라디언트와 오버레이의 깊이를 위해 와인과 라즈베리 톤을 레이어로 쌓으세요. 블러시 하이라이트는 피부 톤을 돋보이게 하고 디자인이 무겁게 느껴지는 것을 방지합니다. 더 밝은 핑크는 클릭 유도 버튼과 가격표에 아껴서 사용하세요.

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

3) 아이언 앤 잉크

HEX: #0f141a #27313a #4b5a6a #9aa6b2 #f0f3f6

무드: 산업적, 선명한, 야행성의

최적: 대시보드 UI 및 데이터 중심 앱

차가운 강철, 잉크 얼룩, 비 오는 밤 반사가 깨끗하고 기술적인 무드를 만듭니다. 깊은 슬레이트와 차콜은 다크 모드 표면을 지원하며 중간 블루는 차트를 읽기 쉽게 유지합니다. 카드, 구분선 및 빈 상태에 대해 연한 안개 색조로 대비를 높이세요. 팁: 가장 밝은 색상을 주요 숫자와 합계에 남겨두어 스캔을 안내하세요.

media.io를 사용하여 생성된 아이언 앤 잉크 이미지 예시

4) 레이븐 그린하우스

HEX: #050806 #0f2a1f #214f3b #6d8f6a #dfe7d6

무드: 신비로운, 식물의, 자연적인

최적: 약국 포장 및 라벨

그림자진 잎과 축축한 유리가 식물학적이고 비밀 정원 같은 분위기를 가져옵니다. 주요 패널에는 거의 검은색과 깊은 녹색을 짝지어 사용한 다음 봉인 및 보조 블록에 이끼 톤을 사용하세요. 연한 허브 색조는 성분 목록 및 바코드 영역에 이상적입니다. 네온 느낌을 피하기 위해 녹색을 무광택으로 유지하고 자연스러운 질감에 기대세요.

media.io를 사용하여 생성된 레이븐 그린하우스 이미지 예시

5) 옵시디언 자수정

HEX: #0a0710 #241338 #4b1f6f #7c49b9 #e9ddff

무드: 신비로운, 럭셔리, 밤하늘

최적: 음악 포스터 및 앨범 아트

옵시디언 어둠과 자수정 광채는 안개를 뚫고 들어오는 무대 조명처럼 느껴집니다. 가장 깊은 두 보라색으로 계층을 구축한 다음 바이올렛과 라벤더가 타이틀의 스포트라이트 작업을 하도록 하세요. 연한 라일락은 어두운 배경에서 작은 텍스트를 뚜렷한 흰색으로 변하지 않고 읽을 수 있게 합니다. 미묘한 그레인을 추가하고 그라디언트를 부드럽게 유지하여 프리미엄 마감을 하세요.

media.io를 사용하여 생성된 옵시디언 자수정 이미지 예시

6) 무덤 골드

HEX: #0c0b09 #2b2216 #5c4526 #b08a3c #f2e6c7

무드: 앤틱, 화려한, 촛불의

최적: 프리미엄 포장 및 선물 상자

낡은 금속과 따뜻한 촛불은 앤틱하고 박물관 같은 풍부함을 만듭니다. 패널과 그림자에는 어두운 갈색을 사용한 다음 테두리, 아이콘 및 포일 효과에 금색을 추가하세요. 양피지 색조는 레이아웃을 읽기 쉽게 유지하고 전체적인 모양을 향상시킵니다. 이러한 고딕 컬러 조합은 금색을 얇은 선과 작은 표시로 제한할 때 빛납니다.

media.io를 사용하여 생성된 무덤 골드 이미지 예시

7) 스톰 채플

HEX: #0d1016 #1e2a3a #334b63 #6f8aa3 #d9e2ec

무드: 우울한, 차가운, 영화적

최적: 웹사이트 히어로 섹션 및 랜딩 페이지

천둥구름 블루와 차가운 돌 그림자가 영화적이고 집중된 느낌을 줍니다. 헤더와 네비게이션에는 가장 어두운 톤을 유지한 다음 버튼, 링크 및 그래프 선에 중간 블루를 사용하세요. 연한 청회색은 여전히 무드 있는 느낌을 주면서 깨끗한 페이지 배경으로 작동합니다. 팁: 거친 윤곽선 없이 대비를 높이기 위해 헤드라인 뒤에 미묘한 비네트를 추가하세요.

media.io를 사용하여 생성된 스톰 채플 이미지 예시

8) 크림슨 촛대

HEX: #140507 #3a0b12 #6b101c #b21c33 #f4c7cf

무드: 극적인, 연극적인, 열정적인

최적: 이벤트 전단지 및 나이트클럽 포스터

깊은 그림자에 대비되는 뜨거운 크림슨은 벨벳 방의 촛불처럼 느껴집니다. 배경과 타입 블록에는 가장 어두운 두 빨강을 사용한 다음 더 밝은 크림슨이 헤드라인과 날짜 세부 정보를 담당하게 하세요. 연한 블러시는 작은 법적 카피와 QR 코드 영역에 완벽합니다. 강렬함이 의도적으로 읽히도록 간격을 넉넉하게 유지하세요. 어수선하지 않게.

media.io를 사용하여 생성된 크림슨 촛대 이미지 예시

9) 달빛 레이스

HEX: #0e0e12 #3b3b44 #7f7f8a #c8c8d0 #f7f6fa

무드: 부드럽고, 우아하며, 야행성의

최적: 웨딩 초대장 및 문구류

레이스 위의 달빛은 부드럽고 우아하며, 조용한 고딕 엣지를 읽어냅니다. 타이포그래피와 모노그램을 위해 거의 검은색과 따뜻한 회-보라색을 조합하세요. 더 밝은 회색은 섬세한 패턴과 엠보싱 같은 디테일을 위한 공간을 제공합니다. 모던 고딕 색상 조합을 위해서는 꽃무늬나 레이스 모티프를 미묘하게 유지하고 가장 옅은 색조를 종이 베이스로 사용하세요.

media.io를 사용하여 생성된 달빛 레이스 이미지 예시

10) 앤티크 블러드스톤

HEX: #0f0b0a #3a1f1a #6b3a2a #a05a3d #e6d3c7

무드: 유산, 따뜻함, 그림자 같은

최적: 커피 브랜딩 및 빈티지 라벨

번트 시에나와 다크 코코아 톤은 오래된 가죽, 얼룩진 종이, 따뜻한 램프 불빛을 연상시킵니다. 가장 깊은 갈색을 베이스로 사용한 다음 러스트와 클레이 색조를 라벨 패널과 스탬프에 레이어링하세요. 옅은 양피지 색상은 가독성을 향상시키고 팔레트가 탁해지는 것을 방지합니다. 팁: 클래식한 룩을 위해 세리프 서체와 미니멀한 아이콘과 함께 사용하세요.

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

11) 독이 든 틸

HEX: #060c0f #0e2a33 #0f5664 #3aa0a8 #cfeff0

무드: 수수께끼 같은, 모던한, 고대비의

최적: 기술 스타트업 UI 및 SaaS 브랜딩

날카로운 틸 빛을 가진 깊은 해양 그림자는 현대적이고 약간 위험하게 느껴집니다. 내비게이션과 푸터에 가장 어두운 톤을 사용한 다음 인터랙티브 상태와 링크에 채도가 높은 틸을 적용하세요. 옅은 아쿠아 색조는 알림 및 툴팁의 하이라이트 배경으로 작동합니다. 팁: 명확성과 일관성을 유지하기 위해 틸을 단일 액센트 색상으로 유지하세요.

media.io를 사용하여 생성된 독이 든 틸 이미지 예시

12) 크립트 오키드

HEX: #120711 #3a1733 #6d2b60 #b04a9c #f6d7f0

무드: 신비로운, 꽃 같은, 퇴폐적인

최적: 에디토리얼 레이아웃 및 패션 룩북

난초 보라색과 스모키 자두 톤은 어두운 복도의 향기로운 공기처럼 퇴폐적으로 느껴집니다. 컬럼과 캡션에 가장 어두운 색조를 사용한 다음 인용문과 섹션 헤더에 마젠타 난초를 돋보이게 하세요. 부드러운 핑크 하이라이트는 스프레드를 읽기 쉽게 유지하고 무거운 이미지의 균형을 맞춥니다. 이 고딕 색상 팔레트는 많은 네거티브 스페이스와 절제된 그리드와 함께 사용할 때 가장 잘 작동합니다.

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

13) 그을음과 사파이어

HEX: #070a10 #0f1d38 #1f3b6f #3f6db3 #d6e5ff

무드: 황혼, 상쾌한, 빛나는

최적: 책 표지 및 팟캐스트 아트워크

그을린 블루와 밝은 사파이어 하이라이트는 밤 공기와 먼 도시의 불빛을 암시합니다. 배경에 가장 어두운 네이비를 사용한 다음 모양과 프레임을 위해 중간 블루로 깊이를 구축하세요. 얼음 같은 색조는 제목과 에피소드 번호를 강조하면서도 삭막하게 느껴지지 않습니다. 팁: 어두운 그라디언트의 밴딩을 방지하기 위해 타입 뒤에 미묘한 텍스처를 추가하세요.

media.io를 사용하여 생성된 그을음과 사파이어 이미지 예시

14) 위치 헤이즐 스모크

HEX: #0b0d0c #1f2421 #3e4a45 #7b8a82 #e3e8e5

무드: 허브 같은, 음소거된, 대기적인

최적: 스킨케어 패키징 및 성분 시트

스모키 그린과 부드러운 재 톤은 차분하고 허브 같으며 약간 신비롭게 느껴집니다. 브랜드 마크와 성분 제목에 가장 어두운 색조를 유지한 다음 보조 패널에 중간 녹색-회색을 사용하세요. 옅은 미스트는 여전히 무디하게 읽히면서도 깨끗한 배경으로 작동합니다. 팁: 모든 것을 절제되게 유지하기 위해 얇은 라인 아이콘과 매트 마감재와 함께 사용하세요.

media.io를 사용하여 생성된 위치 헤이즐 스모크 이미지 예시

15) 가고일 스톤

HEX: #0c0c0d #2a2b2e #50525a #8b8f9a #e8e9ee

무드: 건축적인, 미니멀한, 엄격한

최적: 포트폴리오 사이트 및 타이포그래피 중심 페이지

조각된 돌과 흐린 하늘은 이 팔레트에 날카롭고 건축적인 평온함을 줍니다. 강력한 타이포그래피 대비를 위해 검은색과 차콜을 사용한 다음 디바이더와 UI 테두리를 위해 중간 회색을 활용하세요. 시원한 밝은 회색은 롱폼 콘텐츠를 위한 훌륭한 읽기 배경을 만듭니다. 팁: 하나의 굵은 타입 웨이트를 추가하고 간격이 드라마를 전달하도록 하세요.

media.io를 사용하여 생성된 가고일 스톤 이미지 예시

16) 블랙 체리 바이닐

HEX: #120006 #3c0013 #6b0026 #b1003f #ffd1e0

무드: 대담한, 광택 있는, 나이트라이프

최적: 스트리트웨어 드롭 및 제품 프로모

광택 있는 블랙 체리 톤은 자정 이후의 바이닐 광택과 네온 반사처럼 느껴집니다. 배경과 타입에 가장 어두운 색조를 사용한 다음 배지와 한정판 라벨에 핫 체리 레드를 강렬하게 표현하세요. 부드러운 핑크 하이라이트는 오버레이와 그라디언트의 가장자리를 부드럽게 할 수 있습니다. 이러한 고딕 색상 조합은 타이트하고 고대비 레이아웃과 큰 타입과 함께 사용할 때 가장 잘 작동합니다.

media.io를 사용하여 생성된 블랙 체리 바이닐 이미지 예시

17) 벨벳 올리브 더스크

HEX: #0b0c07 #23260f #4a4f1e #7b842f #e6e8c7

무드: 흙 같은, 음소거된, 황혼의 숲

최적: 인테리어 무드보드 및 라이프스타일 블로그

울창한 숲의 황혼은 조용한 올리브 온기와 함께 안정되고 친밀하게 느껴집니다. 헤더와 프레임에 다크 올리브-블랙을 사용한 다음 스와치, 아이콘, 하이라이트를 위해 중간 올리브를 레이어링하세요. 옅은 크림-그린은 텍스트 영역과 카드에 숨 쉴 공간을 제공합니다. 팁: 아늑하고 살아있는 느낌을 위해 나무 텍스처와 따뜻한 중성색과 함께 사용하세요.

media.io를 사용하여 생성된 벨벳 올리브 더스크 이미지 예시

18) 아케인 코퍼

HEX: #0e0906 #2f1a12 #6a3a28 #b06a43 #f2d6c7

무드: 따뜻한, 연금술적인, 장인적인

최적: 캔들 라벨 및 수제 상품

타오르는 구리와 다크 스파이스 톤은 오래된 도구, 왁스 인장, 연금술사의 작업실을 연상시킵니다. 라벨과 타이포그래피에 에스프레소 베이스를 사용한 다음 가장자리, 아이콘, 작은 액센트에 구리를 배치하세요. 옅은 피치 크림은 성분 텍스트를 깨끗하고 읽기 쉽게 유지합니다. 팁: 미묘한 엠보싱 효과를 시도하고 사실감을 위해 구리 하이라이트를 얇게 유지하세요.

media.io를 사용하여 생성된 아케인 코퍼 이미지 예시

19) 겨울 애도

HEX: #0a0d12 #1b2430 #3c4b5c #8b9ab0 #edf1f6

무드: 조용한, 차가운, 엄숙한

최적: 사진 프리셋 및 갤러리 웹사이트

어두운 물 위의 차가운 공기와 창백한 햇빛은 조용하고 엄숙한 분위기를 만듭니다. 프레임과 내비게이션에 가장 깊은 블루를 사용한 다음 캡션과 미묘한 UI 라인에 중간 슬레이트를 적용하세요. 옅은 회색-블루는 경쟁하지 않으면서 이미지를 위한 깨끗한 캔버스 역할을 할 수 있습니다. 팁: 음소거된 톤과 일치하도록 사진 전체의 채도를 낮게 유지하세요.

media.io를 사용하여 생성된 겨울 애도 이미지 예시

20) 유물 아이보리

HEX: #100f0c #2b2a22 #5b5748 #b8b09a #fbf5e9

무드: 아카이브적인, 부드러운, 구세계의

최적: 책 타이포그래피 및 문구 세트

오래된 양피지와 부드러워진 그림자는 이 믹스에 아카이브적이고 도서관 같은 느낌을 줍니다. 본문 텍스트와 제목에 다크 잉크 톤을 사용한 다음 따뜻한 회갈색이 프레임과 사이드바를 형성하도록 하세요. 크리미한 아이보리는 여전히 앤티크하게 느껴지면서도 종이 같은 베이스로 작동합니다. 균형 잡힌 고딕 색상 조합을 위해서는 대비를 부드럽게 유지하고 채도보다 텍스처를 선호하세요.

media.io를 사용하여 생성된 유물 아이보리 이미지 예시

21) 느와르 플럼 애쉬

HEX: #0b0a0d #221824 #4a2a4f #8a6c92 #f0e8f2

무드: 스모키한, 친밀한, 세련된

최적: 화장품 랜딩 페이지 및 이메일 헤더

스모키 플럼과 부드러운 애쉬 라벤더는 파우더 같은 그림자와 새틴 패브릭처럼 친밀하게 느껴집니다. 헤더와 푸터에 느와르 베이스를 사용한 다음 버튼과 링크 상태에 플럼을 적용하세요. 음소거된 모브-그레이는 카드와 섹션을 위한 미묘한 배경을 지원합니다. 팁: 레이아웃을 압도하지 않으면서 프리미엄 뷰티 에너지를 위해 단일 광택 하이라이트 효과를 추가하세요.

media.io를 사용하여 생성된 느와르 플럼 애쉬 이미지 예시

22) 가시 베리

HEX: #0f0407 #3a0f1c #6b1e33 #a93a55 #f3c9d3

무드: 로맨틱한, 날카로운, 동화 같은

최적: 발렌타인 프로모 및 로맨틱 포스터

가시 베리와 어두운 꽃잎은 빨간색을 로맨틱하지만 달콤하지 않게 느껴지게 만듭니다. 네거티브 스페이스와 깊이를 위해 검게 변한 베이스를 사용한 다음 와인에서 베리까지 그라디언트를 통해 초점 영역을 구축하세요. 부드러운 블러시는 미세 인쇄와 섬세한 라인 아트에 적합합니다. 팁: 손으로 그린 식물 액센트와 함께 사용하고 헤드라인을 크고 단순하게 유지하세요.

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

23) 저주받은 에메랄드 잉크

HEX: #060907 #0e1f17 #124136 #1f7a63 #d5efe6

무드: 신비로운, 보석 톤의, 신선한-어두운

최적: 게임 UI 및 스트리머 오버레이

거의 검은색에 가까운 배경에 보석 같은 에메랄드가 어두운 방에서 주문의 빛처럼 느껴집니다. 가장 깊은 두 가지 녹색을 패널과 오버레이에 사용하고, 밝은 에메랄드로 인터랙티브 요소와 알림을 표시하세요. 연한 민트 색조는 레이블과 타이머의 읽기 쉬운 하이라이트로 작동합니다. 팁: 인터페이스가 선명하게 유지되도록 발광 효과를 부드럽고 일관되게 유지하세요.

media.io를 사용하여 생성된 저주받은 에메랄드 잉크의 이미지 예시

고딕과 잘 어울리는 색상은?

고딕 팔레트는 거의 검은색에 가까운 중성색(차콜, 잉크, 그을음)과 버건디, 자수정, 에메랄드 또는 딥 틸과 같은 한두 가지 채도가 높은 "스토리" 색상과 가장 잘 어울립니다. 이렇게 하면 디자인되고 의도적인 느낌을 유지하면서도 극적인 분위기를 유지할 수 있습니다.

하이라이트의 경우 순백색보다는 부드러운 밝은 색을 선택하세요: 양피지색, 뼈색, 블러시, 미스트 블루 또는 앤티크 아이보리. 이러한 톤은 타이포그래피를 읽기 쉽게 유지하고 고딕 색상 조합을 정의하는 분위기 있는 분위기를 유지합니다.

현대적인 대비를 원한다면 쿨 스틸 블루, 은은한 라벤더 또는 앤티크 골드의 절제된 액센트(얇은 선 또는 작은 버튼)를 추가하세요. 핵심은 절제입니다—고딕은 그림자가 주인공으로 남을 때 효과가 있습니다.

실제 디자인에서 고딕 컬러 팔레트를 사용하는 방법

배경과 헤더에는 어두운 베이스로 시작한 다음 표면(카드, 패널, 블록)에는 중간 톤을, 인터랙션(링크, CTA 버튼, 가격 태그)에는 하나의 액센트를 할당하세요. 이 "베이스/표면/액센트" 구조는 어두운 디자인이 평평해지는 것을 방지합니다.

가독성을 위해 밝은 색조를 전략적으로 사용하세요: 가장 밝은 색상은 제목, 주요 숫자 또는 주요 텍스트용으로 예약하고 보조 텍스트는 한 단계 더 어둡게 유지하세요. 인쇄물의 경우 더 프리미엄하고 편집적인 느낌을 위해 따뜻한 오프화이트(아이보리/양피지색)를 선택하세요.

사진과 포스터의 경우 고딕 팔레트는 거친 윤곽선 대신 부드러운 그라디언트, 미묘한 그레인 및 부드러운 비네트와 함께 빛을 발합니다. 모든 곳에 과도하게 채도가 높은 색상보다는 명도(밝음 대 어두움)에서 대비가 오도록 하세요.

AI로 고딕 팔레트 비주얼 만들기

무드 보드, 광고 목업, UI 콘셉트 또는 포스터를 만드는 경우 팔레트에 맞는 몇 가지 비주얼을 생성하면 분위기를 빠르게 검증하는 데 도움이 될 수 있습니다. 액센트 색상이 로맨틱하거나 불길하거나 너무 밝게 느껴지는지 즉시 확인할 수 있습니다.

Media.io의 텍스트-이미지 도구를 사용하면 프롬프트를 붙여넣고 구성을 지정하며 고딕 색상 팔레트를 일관되게 유지하면서 변형을 반복할 수 있습니다. 이는 특히 브랜딩 탐색 및 캠페인 콘셉트에 유용합니다.

동일한 팔레트에 대한 이미지 세트(제품 샷, 포스터, UI 목업)를 만들어 색상이 다양한 맥락과 조명 스타일에서 변환되는지 확인하세요.

다음: 코랄 색상 팔레트