현대적인 뇌우 톤: 20가지 팔레트 조합 + Hex

천둥번개 팔레트는 깊은 네이비, 슬레이트 그레이, 그리고 고대비 악센트를 혼합하여 현대적이고 대담하며 즉각적으로 영화 같은 느낌을 주는 디자인을 만듭니다.

아래는 HEX 코드와 함께 엄선된 20가지 천둥번개 색상 조합과 브랜딩, UI, 포스터, 패키징을 위한 실용적인 페어링 팁입니다.

천둥번개 팔레트가 효과적인 이유

천둥번개 색상은 자연스럽게 계층 구조를 만듭니다: 어두운 베이스(네이비, 차콜, 슬레이트)는 타이포그래피와 UI 구성 요소를 안정감 있게 만들고, 밝은 안개 톤은 가독성을 위한 여백을 추가합니다.

또한 "즉각적인 분위기"를 전달합니다. 폭풍 같은 블루와 쿨한 뉴트럴은 자신감과 전문성을 나타내며, 하나의 번개 악센트(옐로우, 시안, 앰버 또는 골드)는 많은 색상 없이도 강력한 대비를 제공합니다.

이러한 팔레트는 뉴트럴과 채도 높은 색상 사이에 위치하기 때문에 세련된 SaaS 대시보드부터 영화 같은 포스터까지 다양한 매체에 적응하면서도 시대를 초월한 현대적인 느낌을 유지합니다.

20가지 이상의 천둥번개 색상 팔레트 아이디어 (HEX 코드 포함)

1) 슬레이트 위의 번개

HEX: #0B1320 #1F2A44 #3E4C66 #8A94A6 #F2D14B

분위기: 극적인, 전기적인, 현대적인

최적: 기술 스타트업 랜딩 페이지 히어로

극적인 미드나이트 블루와 폭풍 슬레이트 그레이는 번개의 섬광을 위해 갈라지는 구름 같은 느낌을 줍니다. 즉각적인 대비가 필요한 히어로 섹션, 헤드라인, 그리고 대담한 CTA에 이 천둥번개 색상 팔레트를 사용하세요. 옐로우를 충분한 네거티브 스페이스와 함께 사용하고 쿨한 톤이 배경을 담당하도록 하세요. 사용 팁: 시각적 노이즈를 피하기 위해 번개 옐로우를 하나의 주요 액션 요소에만 사용하세요.

media.io를 사용하여 생성된 슬레이트 위의 번개 이미지 예시

Media.io

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

지금 무료로 사용해보기

2) 빗물에 씻긴 콘크리트

HEX: #101820 #2B2F36 #5B6672 #A7B0BA #E6E9ED

분위기: 미니멀한, 쿨한, 안정적인

최적: 미니멀리스트 UI 대시보드

쿨한 콘크리트 그레이는 긴 소나기 후의 매끄러운 도시 거리, 고요하고 집중된 느낌을 불러일으킵니다. 이러한 톤은 가독성이 가장 중요한 대시보드, 데이터 테이블, 관리자 패널에 아름답게 작동합니다. 알림이나 상태 레이블이 필요한 경우에만 하나의 채도 높은 악센트 색상과 페어링하세요. 사용 팁: 계층 구조를 선명하게 유지하기 위해 가장 밝은 그레이를 카드와 표면에 사용하세요.

media.io를 사용하여 생성된 빗물에 씻긴 콘크리트 이미지 예시

3) 폭풍구름 라벤더

HEX: #1A1B2A #2D2B3F #5B4E70 #A49AB8 #E9E4F0

분위기: 몽환적인, 무디한, 에디토리얼

최적: 에디토리얼 매거진 스프레드

스모키 인디고와 뮤트된 라벤더는 조용한 스카이라인을 가로지르는 황혼의 구름 같은 느낌을 줍니다. 이 조합은 깊이를 잃지 않으면서 부드러움을 원하는 매거진 특집, 시 페이지, 세련된 룩북에 완벽합니다. 에디토리얼 느낌을 강조하기 위해 오프화이트 여백과 절제된 세리프 타입과 페어링하세요. 사용 팁: 인용구와 섹션 구분선의 하이라이트로 옅은 라일락을 사용하세요.

media.io를 사용하여 생성된 폭풍구름 라벤더 이미지 예시

4) 적란운 틸

HEX: #081C1E #0E3B43 #1B6B73 #7FB7B5 #D8F3F1

분위기: 신선한, 수중의, 자신감 있는

최적: 웰니스 브랜드 아이덴티티

안개 낀 씨폼이 있는 깊은 해양 틸은 해안 절벽을 따라 흘러내리는 비 같은 느낌을 줍니다. 이러한 천둥번개 색상 조합은 신뢰가 중요한 웰니스 브랜딩, 스파 패키징, 차분한 앱 비주얼에서 빛을 발합니다. 친근하고 현대적인 느낌을 위해 부드러운 뉴트럴과 둥근 산세리프 폰트와 페어링하세요. 사용 팁: 밝은 씨폼을 주요 배경으로 사용하고 어두운 틸이 로고와 헤더를 고정하도록 하세요.

media.io를 사용하여 생성된 적란운 틸 이미지 예시

5) 우산 누아르

HEX: #050608 #14161A #2A2D34 #6B707A #D1D5DB

분위기: 세련된, 도시적인, 고대비

최적: 패션 룩북 레이아웃

잉크 블랙과 흑연 그레이는 가로등과 우산 아래의 늦은 밤 산책 같은 느낌을 줍니다. 이 팔레트는 관심을 끌기 위해 경쟁하지 않으면서 선명한 제품 사진, 패션 에디토리얼, 럭셔리 타이포그래피를 지원합니다. 추가 광택이 필요한 경우 인쇄 마감에서 하나의 메탈릭 악센트와 페어링하세요. 사용 팁: 편안함을 위해 본문 텍스트를 가장 밝은 그레이로 유지하고, 헤드라인에는 거의 검은색을 사용하세요.

media.io를 사용하여 생성된 우산 누아르 이미지 예시

6) 젖은 아스팔트 글로우

HEX: #0A0D12 #232A34 #3D4B63 #9AA4B2 #FFB000

분위기: 활기찬, 거친, 밤도시

최적: 야간 이벤트 포스터

거친 아스팔트 블루와 다크 스틸은 젖은 포장도로에 반사되는 네온처럼 영화 같은 느낌을 줍니다. 대담한 초점이 필요한 콘서트, 나이트라이프 포스터, 기술 모임에 가장 적합합니다. 에너지를 통제하기 위해 응축된 타입과 강한 그리드와 페어링하세요. 사용 팁: 날짜와 장소 같은 주요 세부 사항에 스포트라이트 효과로 앰버를 사용하세요.

media.io를 사용하여 생성된 젖은 아스팔트 글로우 이미지 예시

7) 먼 천둥소리 올리브

HEX: #10130F #2A3522 #4D5E3B #A3B18A #E9EDC9

분위기: 자연적인, 견고한, 차분한

최적: 아웃도어 의류 패키징

이끼 낀 올리브와 뮤트된 카키는 숲길 위의 비구름, 안정적이고 견고한 느낌을 줍니다. 이러한 톤은 자연이 진정성 있게 느껴져야 하는 아웃도어 의류, 지속 가능한 제품, 헤리티지 레이블에 적합합니다. 안정적인 분위기를 강화하기 위해 크라프트 질감이나 매트 마감과 페어링하세요. 사용 팁: 제품 정보가 읽기 쉽도록 배경 패널에 밝은 카키를 유지하세요.

media.io를 사용하여 생성된 먼 천둥소리 올리브 이미지 예시

8) 정전기 로즈

HEX: #1B0F17 #3B1E2D #6B3A4D #C48A9B #F4E3E7

분위기: 로맨틱한, 엣지있는, 야행성의

최적: 앨범 커버 디자인

다크 베리 그림자와 더스티 로즈 하이라이트는 부드러운 맥박이 있는 먼 천둥 같은 느낌을 줍니다. 이 조합은 진부함 없이 감정을 원하는 앨범 아트, 시집, 부티크 캠페인에 훌륭합니다. 현대적이고 무디한 마감을 위해 고대비 타입과 그레인 질감과 페어링하세요. 사용 팁: 아트워크를 프레임하기 위해 가장 옅은 블러시를 얇은 테두리나 레이블로 사용하세요.

media.io를 사용하여 생성된 정전기 로즈 이미지 예시

9) 번개가 자른 구리

HEX: #1A1512 #3A2C23 #6D4C3D #C08B5C #F1E2CF

분위기: 따뜻한, 소박한, 세련된

최적: 카페 메뉴 인쇄물

스모키 에스프레소 브라운과 구리 따뜻함은 비 오는 저녁의 램프 불빛 같은 느낌을 줍니다. 이러한 톤은 카페 메뉴, 장인 음식 브랜드, 아늑한 문구류에 훌륭하게 작동합니다. 친근하고 프리미엄한 외관을 위해 크림 종이와 클래식 세리프 폰트와 페어링하세요. 사용 팁: 균형을 위해 본문 카피는 더 깊은 브라운으로 유지하면서 시그니처 아이템을 구리로 강조하세요.

media.io를 사용하여 생성된 라이트닝 컷 구리의 이미지 예시

10) 하버 스톰 블루

HEX: #071821 #0E2A3A #164A63 #4D7C8A #C7DDE2

분위기: 항해적인, 안정적인, 전문적인

최적: 여행 웹사이트 UI

하버 블루와 씨글라스 액센트는 무거운 하늘 아래 구르는 파도를 연상시키며 믿음직하고 차분합니다. 이 팔레트는 여행 플랫폼, 예약 플로우, 명확한 섹션이 필요한 콘텐츠 중심 페이지를 지원합니다. 따뜻한 사진과 페어링하고 미드 블루로 버튼과 링크를 처리하세요. 사용 팁: 연한 아쿠아를 필터와 보조 패널의 배경으로 사용하여 시각적 무게를 줄이세요.

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

11) 헤일스톤 민트

HEX: #0A1A18 #0F3D3A #2D6A63 #9DD9D2 #E6FFFA

분위기: 상쾌한, 깨끗한, 청량한

최적: 모바일 앱 온보딩 스크린

상쾌한 그린-블루 톤은 폭풍이 지나간 후의 차가운 비와 신선한 공기처럼 느껴집니다. 온보딩 플로우, 건강 앱, 안심이 중요한 깔끔한 제품 UX에 이상적입니다. 심플한 아이콘과 넉넉한 간격과 페어링하여 경험을 가볍게 유지하세요. 사용 팁: 민트를 주요 표면 색상으로 사용하고 가장 어두운 틸을 네비게이션과 활성 상태에 사용하세요.

media.io를 사용하여 생성된 헤일스톤 민트의 이미지 예시

12) 미드나잇 다운포어

HEX: #050A12 #0B1A2A #1E3347 #556B7A #B9C3CC

분위기: 영화적인, 무디한, 강렬한

최적: 영화적인 영화 포스터

영화적인 미드나잇 블루와 차가운 스틸 그레이는 유리창에 흐르는 빗줄기와 어둠 속에서 윙윙거리는 도시를 연상시킵니다. 이 썬더스톰 컬러 팔레트는 영화 포스터, 책 표지, 드라마틱한 캠페인 키 아트에 강력하게 어울립니다. 초점이 필요하면 이미지에 단일 따뜻한 액센트와 페어링하되, 타이포그래피는 차갑고 샤프하게 유지하세요. 사용 팁: 라이트 그레이를 크레딧과 작은 글씨에 사용하여 분위기를 깨지 않으면서 가독성을 유지하세요.

media.io를 사용하여 생성된 미드나잇 다운포어의 이미지 예시

13) 차지드 인디고

HEX: #0C1024 #1B1F4A #343A8C #7C7FE3 #E8E9FF

분위기: 대담한, 미래적인, 고에너지

최적: 게임 스트림 오버레이 UI

차지드 인디고와 일렉트릭 페리윙클은 두꺼운 구름을 밝히는 먼 번개처럼 느껴집니다. 이러한 썬더스톰 컬러 조합은 스트리밍 오버레이, e스포츠 패널, 깊이와 빛이 필요한 펀치 있는 UI를 위해 만들어졌습니다. 깔끔한 기하학적 형태와 페어링하고 대비를 위해 텍스트를 주로 밝게 유지하세요. 사용 팁: 가장 밝은 페리윙클은 활성 상태와 알림에만 사용하여 계층 구조를 유지하세요.

media.io를 사용하여 생성된 차지드 인디고의 이미지 예시

14) 포기 피어 뉴트럴

HEX: #0D0F12 #202329 #3C4048 #8D949E #F5F6F7

분위기: 중성적인, 세련된, 기업적인

최적: 기업 프레젠테이션 덱 템플릿

부드러운 안개 그레이와 거의 블랙에 가까운 액센트는 안개 속으로 사라지는 조용한 부두처럼 느껴집니다. 이 중성 범위는 구조에 의존하는 프레젠테이션, 보고서, 깔끔한 비즈니스 템플릿에 완벽합니다. 슬라이드가 평평하게 느껴지지 않도록 차트와 주요 지표에 단일 브랜드 색상과 페어링하세요. 사용 팁: 가장 밝은 그레이를 기본 슬라이드 배경으로 사용하고 어두운 톤은 헤더와 구분선에 사용하세요.

media.io를 사용하여 생성된 포기 피어 뉴트럴의 이미지 예시

15) 일렉트릭 호라이즌 시안

HEX: #06141B #0B2B35 #0E5666 #29B6C8 #D8FBFF

분위기: 밝은, 기술적인, 깨끗한

최적: SaaS 설명 인포그래픽

딥 블루-그린에 대비되는 밝은 시안은 폭풍이 걷히고 빛나는 지평선이 드러나는 것처럼 느껴집니다. 빠른 시각적 그룹핑이 필요한 SaaS 인포그래픽, 기능 설명, 다이어그램에 강력한 선택입니다. 얇은 라인 아이콘과 충분한 간격과 페어링하여 디자인을 경쾌하게 유지하세요. 사용 팁: 시안은 주요 숫자와 하이라이트에 사용하고, 어두운 톤은 구조와 레이블에 사용하세요.

media.io를 사용하여 생성된 일렉트릭 호라이즌 시안의 이미지 예시

16) 스톰 랜턴 골드

HEX: #0E1116 #1F2A33 #394B57 #8796A5 #D8B15A

분위기: 럭셔리, 따뜻한 액센트, 자신감 있는

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

딥 그라파이트와 쿨 스틸은 럭셔리 톤을 설정하고, 랜턴 골드는 폭풍 속의 빛처럼 절제된 따뜻함을 더합니다. 이 조합은 프리미엄 제품 광고, 고급 기술 제품, 세련된 이커머스 배너에 효과적입니다. 미니멀한 카피와 강한 타이포그래피와 페어링하여 세련되게 유지하세요. 사용 팁: 골드는 로고 마크, 가격, 또는 하나의 주요 디테일에만 절약적으로 사용하여 품질을 나타내세요.

media.io를 사용하여 생성된 스톰 랜턴 골드의 이미지 예시

17) 레이니 데이 파스텔

HEX: #1A2330 #2F3D4F #6C7A89 #C7CED6 #F7F2E8

분위기: 부드러운, 절제된, 우아한

최적: 웨딩 초대장 세트

부드러운 블루-그레이와 따뜻한 아이보리는 촛불이 켜진 방 밖의 부드러운 이슬비처럼 느껴집니다. 이 팔레트는 모던 웨딩 스테이셔너리, 미니멀리스트 초대장, 세련된 공지 카드에 어울립니다. 섬세한 라인 아트와 클래식 세리프와 페어링하여 시대를 초월하게 유지하세요. 사용 팁: 가장 어두운 톤을 이름과 헤딩에 인쇄하고, 밝은 그레이를 테두리와 디테일에 사용하세요.

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

18) 썬더 앨리 버건디

HEX: #12070B #2C0F17 #5A1C2B #9B4A5D #E7C7CE

분위기: 대담한, 로맨틱한, 분위기 있는

최적: 서점 브랜딩 및 토트백

딥 버건디와 더스티 블러시는 따뜻한 상점들로 밝혀진 좁은 골목을 굴러가는 천둥처럼 느껴집니다. 개성과 깊이를 원하는 서점 브랜딩, 문학 행사, 패키징에 이상적입니다. 크림 페이퍼 스톡과 빈티지 풍 타입과 페어링하여 아늑하고 큐레이션된 느낌을 주세요. 사용 팁: 블러시를 배경으로 사용하고 버건디를 로고와 스탬프에 사용하여 풍부하고 의도적으로 느껴지게 하세요.

media.io를 사용하여 생성된 썬더 앨리 버건디의 이미지 예시

19) 애프터스톰 선라이즈

HEX: #0B1D2A #143B4D #2C6E7B #F2B880 #F7E7C8

분위기: 희망적인, 균형 잡힌, 신선한

최적: 소셜 미디어 템플릿 세트

쿨 스톰 블루와 페어링된 소프트 선라이즈 피치는 구름이 얇아지고 빛이 돌아오는 순간처럼 느껴집니다. 이 균형은 소셜 포스트, 캐러셀 템플릿, 거칠지 않은 대비를 원하는 라이프스타일 브랜딩에 잘 작동합니다. 깔끔한 산세리프 타입과 심플한 형태와 페어링하여 색상이 스토리텔링을 하도록 하세요. 사용 팁: 피치를 콜아웃과 스티커에 사용하고, 블루는 구조와 일관성을 위해 사용하세요.

media.io를 사용하여 생성된 애프터스톰 선라이즈의 이미지 예시

20) 캄 애프터 레인

HEX: #0E1821 #1F3240 #3E5C6B #A3B7C2 #EAF0F2

분위기: 차분한, 경쾌한, 현대적인

최적: 인테리어 디자인 무드보드

쿨 블루-그레이와 라이트 미스트 톤은 마지막 빗방울이 사라진 후의 조용한 하늘을 연상시킵니다. 이 팔레트는 인테리어 무드보드, 건축 포트폴리오, 차분한 라이프스타일 브랜딩에 적합합니다. 명확성을 잃지 않고 편안함을 더하고 싶다면 따뜻한 우드 텍스처나 소프트 베이지 뉴트럴과 페어링하세요. 사용 팁: 가장 밝은 톤이 캔버스를 지배하도록 하고 더 깊은 블루를 레이블과 스와치에 사용하세요.

media.io를 사용하여 생성된 캄 애프터 레인의 이미지 예시

천둥번개와 잘 어울리는 색상은?

썬더스톰 톤은 레이아웃을 가독성 있고 모던하게 유지하기 위해 깨끗한 쿨 뉴트럴(포그 그레이, 오프-화이트, 스틸)과 가장 잘 페어링됩니다. 이들은 분위기를 희석시키지 않으면서 배경, 카드, 큰 텍스트 영역을 지원합니다.

액센트의 경우, 하나의 "라이트닝" 색상을 선택하세요: 긴급성과 CTA를 위한 앰버/옐로우, 기술적 하이라이트를 위한 시안, 또는 프리미엄 브랜딩을 위한 골드. 팔레트가 혼란스럽지 않고 통제되도록 절약적으로 사용하세요.

따뜻함이 필요하다면 소프트 피치, 구리, 또는 블러시를 도입하세요—특히 라이프스타일, 에디토리얼, 또는 패키징의 경우—스토미 블루/차콜을 주요 구조로 유지하면서요.

실제 디자인에서 천둥번개 색상 팔레트를 사용하는 방법

헤더, 히어로 섹션, 또는 네비게이션에 어두운 베이스(네이비/차콜)로 시작한 다음, 미드-톤 슬레이트/스틸을 보조 패널과 구분선에 사용하세요. 이것은 무거운 그림자에 의존하지 않고 깊이를 만듭니다.

가장 밝은 틴트를 배경과 콘텐츠 표면에 할당하여 타이포그래피가 편안하게 읽히도록 하세요. UI에서는 하나의 미드-톤을 버튼에 매핑하고 하나의 액센트를 "활성/주요"에 매핑하여 인터랙티브 상태를 일관되게 유지하세요.

인쇄물(포스터, 메뉴, 패키징)에서 썬더스톰 팔레트는 매트 마감, 미묘한 그레인, 또는 소프트 그라디언트로 특히 세련되게 보입니다—단지 같은 레이아웃에서 여러 액센트를 과도하게 사용하지 마세요.

AI로 천둥번개 팔레트 비주얼 만들기

스토미 톤이 실제 구성에서 어떻게 작동하는지 보고 싶다면 최종 디자인 시스템에 커밋하기 전에 빠른 목업(히어로 섹션, 포스터, 패키징, 또는 온보딩 스크린)을 생성하세요.

Media.io의 텍스트-투-이미지로 몇 분 안에 타이포그래피 대비, 액센트 배치, 전반적인 분위기를 테스트할 수 있습니다—그런 다음 브랜드 스타일에 맞게 프롬프트를 반복하세요.

위의 좋아하는 HEX 세트를 사용하고, 레이아웃을 설명하고, 가장 깔끔한 썬더스톰 룩을 위한 포컬 포인트로 하나의 액센트 색상을 명시하세요.

다음: 유령의 저택 색상 팔레트