비 오는 날 색상 팔레트는 안개 낀 회색, 부드러운 파란색, 차분한 따뜻한 중성 톤을 중심으로 구성되며, 차분하고 현대적이며 디자인하기 쉬운 느낌을 줍니다.
아래는 UI, 브랜딩, 패키징 및 인쇄에 사용할 수 있는 20가지 큐레이트된 비 오는 날 색상 조합(HEX 코드 포함)과 Media.io에서 일치하는 비주얼을 생성하기 위한 AI 프롬프트입니다.
이 글의 내용
비 오는 날 팔레트가 효과적인 이유
비 오는 날 색상은 자연스럽게 차분하여 간단한 레이아웃에서도 세련되고 "디자인된" 느낌을 줍니다. 색조의 채도가 낮기 때문에 타이포그래피와 간격이 더 많은 역할을 하며, 현대적이고 미니멀한 비주얼에 완벽합니다.
이러한 팔레트는 즉각적인 깊이감을 만들어냅니다. 부드러운 회색과 슬레이트 블루는 신뢰할 수 있는 배경 레이어를 형성하며, 하나의 따뜻한 톤(타우프, 캐러멜, 테라코타)은 디자인이 차갑거나 지나치게 기업적으로 느껴지는 것을 방지합니다.
가장 중요한 것은 비 오는 날 팔레트가 다양한 매체에서 유연하다는 것입니다. 화면에서 인쇄물로 깔끔하게 전환되며, 모노크롬 사진, 텍스처 및 차분한 그라데이션과 잘 어울립니다.
20가지 이상의 비 오는 날 색상 팔레트 아이디어 (HEX 코드 포함)
1) 안개 낀 보도
HEX: #D9DEE3 #A9B1BA #6B7682 #3C444E #C8B7A6
분위기: 조용한, 안개 낀, 차분한
최적 용도: 미니멀 SaaS 대시보드 UI
젖은 보도 위의 이른 발걸음처럼 조용하고 안개 낀 느낌으로, 이 톤들은 차갑게 변하지 않으면서도 깔끔한 느낌을 줍니다. 연한 회색을 캔버스로 사용한 다음 슬레이트와 차콜로 내비게이션과 차트의 계층 구조를 구축하세요. 따뜻한 타우프는 인터페이스를 인간적으로 유지하고 팔레트가 지나치게 산업적으로 느껴지는 것을 방지합니다. 팁: 대비를 선명하게 유지하기 위해 가장 어두운 차콜을 주요 CTA와 활성 상태에 사용하세요.
media.io로 생성된 안개 낀 보도 이미지 예시
Media.io는 브라우저에서 비디오, 이미지 및 오디오를 생성하고 편집할 수 있는 온라인 AI 스튜디오입니다.
2) 우산 누아르
HEX: #0F1115 #2B2F36 #5A606B #B7BDC6 #E6E1D6
분위기: 영화 같은, 세련된, 고대비
최적 용도: 럭셔리 패션 브랜딩
영화 같고 세련된 느낌으로, 젖은 거리에 반사된 광택 나는 우산과 도시의 불빛을 연상시킵니다. 거의 검은색과 흑연색을 로고, 라벨, 타이포그래피의 기반으로 사용하여 프리미엄한 느낌을 주세요. 연한 회색과 따뜻한 오프화이트는 에디토리얼 레이아웃과 제품 사진에 여백을 만들어줍니다. 팁: 새로운 색상을 추가하지 않고 촉각적 대비를 위해 단일 메탈릭 호일 또는 스팟 바니시와 결합하세요.
media.io로 생성된 우산 누아르 이미지 예시
3) 웅덩이 반사
HEX: #8FA3B6 #4E6A7D #2F3E4A #D7D2C8 #A4B58A
분위기: 신선한, 반사적인, 경쾌한
최적 용도: 에코 라이프스타일 블로그 헤더
신선하고 반사적인 느낌으로, 새 잎의 힌트와 함께 웅덩이에 비친 옅은 하늘 같습니다. 이러한 비 오는 날 색상 조합은 차분한 구조와 부드러운 유기적 악센트를 원하는 블로그 헤더에 잘 작동합니다. 청회색을 타입과 오버레이에 사용한 다음 모스 그린을 버튼이나 태그에 사용하세요. 팁: 따뜻함과 가독성을 유지하기 위해 베이지를 배경으로 유지하세요.
media.io로 생성된 웅덩이 반사 이미지 예시
4) 구름 사이 차
HEX: #F2EFEA #C9D2D7 #93A3AD #6B7A86 #B88C6A
분위기: 아늑한, 부드러운, 환영하는
최적 용도: 카페 메뉴 디자인
아늑하고 부드러운 느낌으로, 구름이 천천히 걷히는 동안 창가에서 따뜻한 차를 마시는 모습을 떠올리게 합니다. 크림색 베이스는 긴 텍스트를 지원하고, 쿨 그레이는 섹션과 가격에 구조를 더합니다. 차분한 캐러멜 악센트는 계절 스페셜이나 아이콘과 같은 하이라이트에 완벽합니다. 팁: 메뉴가 바쁘지 않고 차분하고 프리미엄하게 유지되도록 캐러멜을 절제하여 사용하세요.
media.io로 생성된 구름 사이 차 이미지 예시
5) 젖은 아스팔트
HEX: #1C2127 #343C45 #59636E #9AA4AF #D0D5DB
분위기: 도시적인, 안정적인, 전문적인
최적 용도: B2B 랜딩 페이지 UI
도시적이고 안정적이며, 흐린 빛 아래 젖은 아스팔트의 믿음직한 모습을 포착합니다. 자신감과 보안을 나타내기 위해 히어로 헤더와 내비게이션에 어두운 회색을 사용하세요. 밝은 중성 톤은 특히 긴 페이지에서 양식과 기능 블록을 읽기 쉽게 유지합니다. 팁: 팔레트를 부드럽게 하고 무거운 느낌을 피하기 위해 넉넉한 간격과 둥근 모서리를 추가하세요.
media.io로 생성된 젖은 아스팔트 이미지 예시
6) 아늑한 창문빛
HEX: #EFE6D8 #C8B6A6 #8B8F97 #4C565F #6F4B3E
분위기: 따뜻한, 내성적인, 편안한
최적 용도: 책 표지 디자인
따뜻하고 내성적인 느낌으로, 이슬비 내리는 오후에 낡은 안락의자에 닿는 창문빛 같습니다. 크림 베이지를 부드러운 회색과 결합하여 읽기 쉬운 제목 타이포그래피와 미묘한 텍스처를 만드세요. 깊은 에스프레소 톤은 저자 이름이나 책등 요소에 문학적 무게감을 더합니다. 팁: 중성 톤이 평평하지 않고 촉각적으로 보이도록 종이 질감 오버레이를 시도하세요.
media.io로 생성된 아늑한 창문빛 이미지 예시
7) 이슬비 정원
HEX: #DDE6D6 #A7BCA0 #6F8A6B #3E5740 #5B6269
분위기: 식물적인, 차분한, 회복적인
최적 용도: 식물 일러스트레이션 포스터
식물적이고 회복적인 느낌으로, 가벼운 이슬비 후 비에 어두워진 잎과 돌길을 연상시킵니다. 이러한 비 오는 날 색상 조합은 자연 중심의 포스터, 웰니스 브랜드, 그리고 차분한 그린 스토리가 필요한 패키징에 이상적입니다. 연한 세이지를 네거티브 스페이스로 사용하고 깊은 포레스트 톤을 줄기, 제목 또는 테두리에 사용하세요. 팁: 검은색을 추가하지 않고 깊이를 유지하기 위해 쿨 그레이를 그림자 색상으로 유지하세요.
media.io로 생성된 이슬비 정원 이미지 예시
8) 항구 안개
HEX: #E3E7EA #B8C1C8 #7D8E9C #3F5564 #2A333B
분위기: 시원한, 해양의, 침착한
최적 용도: 여행 브로슈어 레이아웃
시원하고 침착한 느낌으로, 차분한 강청색 깊이와 함께 안개에 싸인 조용한 항구를 연상시킵니다. 밝은 톤은 사진 스프레드를 경쾌하게 만들고, 더 깊은 블루는 자신감 있는 제목과 구분선을 추가합니다. 모노크롬 사진과 간단한 지도 아이콘과 자연스럽게 어울립니다. 팁: 편안한 줄 간격을 유지할 수 있을 때만 가장 어두운 색조를 작은 텍스트에 사용하세요.
media.io로 생성된 항구 안개 이미지 예시
9) 슬레이트와 가문비나무
HEX: #C7CED6 #6D7F8C #2F3A44 #2F4A3A #D6C6B3
분위기: 아웃도어적인, 차분한, 현대적인
최적 용도: 아웃도어 장비 제품 페이지
아웃도어적이고 차분한 느낌으로, 꾸준한 소나기 후의 슬레이트 바위와 가문비나무 바늘 같습니다. 슬레이트 계열을 제품 사양과 UI 구성 요소에 사용한 다음 가문비나무 그린을 주요 버튼이나 배지에 사용하세요. 따뜻한 샌드 톤은 전체 온도를 부드럽게 하며 라이프스타일 사진 뒤에 잘 작동합니다. 팁: 그린이 장식적이 아닌 의도적으로 읽히도록 몇 가지 주요 액션에만 사용하세요.
media.io를 사용하여 생성된 slate와 spruce의 이미지 예시
10) 메트로 레인코트
HEX: #F2F4F6 #B7C0C8 #4B5964 #F2C14E #2B2F33
분위기: 모던, 활기찬, 통근자-시크
최적 용도: 이벤트 포스터 디자인
모던하고 통근자-시크한 느낌으로, 회색 플랫폼을 배경으로 레인코트의 팝한 느낌을 전달합니다. 이 비오는 날 컬러 스킴은 빠르게 주목을 끄는 하나의 낙관적인 강조색과 함께 중립적인 베이스가 필요할 때 훌륭합니다. 노란색은 이벤트 제목과 주요 세부사항에 사용하고, 회색은 배경 블록과 보조 텍스트를 처리합니다. 팁: 노란색을 큰 형태와 제목에만 사용하여 시끄럽지 않으면서도 생동감을 유지하세요.
media.io를 사용하여 생성된 메트로 레인코트의 이미지 예시
11) 폭풍 속의 촛불
HEX: #1E2328 #3F4A52 #8B949D #E7D7B8 #C77C5A
분위기: 무드있는, 친밀한, 따뜻한-빛
최적 용도: 장인 캔들 패키징
무드있고 친밀한 느낌으로, 폭풍우 치는 방을 따뜻하게 하는 촛불처럼 느껴집니다. 라벨 베이스에 차콜과 슬레이트를 사용한 다음, 왁시 크림이 타이포그래피에 부드러운 빛을 가져오도록 하세요. 뮤트 테라코타는 씰, 향 노트 또는 작은 패턴 디테일에 아름답게 작동합니다. 팁: 무광 종이를 선택하고 테라코타를 작은 영역에만 사용하여 차분하고 고급스러운 느낌을 유지하세요.
media.io를 사용하여 생성된 폭풍 속의 촛불 이미지 예시
12) 비오는 날 미니멀
HEX: #FFFFFF #E6EAEE #B9C2C9 #6F7C86 #2E353C
분위기: 깔끔한, 경쾌한, 직선적인
최적 용도: 모바일 앱 온보딩 UI
깔끔하고 경쾌한 느낌으로, 선명한 엣지가 있는 밝은 흐린 빛을 제안합니다. 명확성이 필요한 화면에는 흰색과 연한 회색을 사용한 다음, 헤더와 진행 표시기에는 슬레이트로 내려가세요. 가장 어두운 톤은 기본 텍스트와 아이콘 스트로크에 이상적입니다. 팁: 두 개의 가장 밝은 색상 사이에 하나의 미묘한 그라디언트를 추가하여 평평한 화면이 무미건조해 보이지 않도록 하세요.
media.io를 사용하여 생성된 비오는 날 미니멀의 이미지 예시
13) 코코아와 콘크리트
HEX: #E9E0D6 #B8A89A #7A6F68 #3E3A38 #4A6A73
분위기: 자연스러운, 도시적인, 아늑한-모던
최적 용도: 커피 브랜드 소셜 템플릿
자연스럽고 도시적인 느낌으로, 콘크리트 벽과 비-블루 그림자를 배경으로 한 코코아 따뜻함처럼 느껴집니다. 크리미 베이지는 배경과 스토리 템플릿에 완벽하고, 코코아 브라운은 브랜드 특성을 더합니다. 뮤트 블루-그린은 스티커, 가격 또는 콜아웃을 위한 더 시원한 대조점을 제공합니다. 팁: 일관된 타입 웨이트를 사용하여 팔레트가 소박하기보다는 의도적으로 읽히도록 하세요.
media.io를 사용하여 생성된 코코아와 콘크리트의 이미지 예시
14) 부드러운 천둥
HEX: #D6D9DE #9FA8B3 #5A6673 #2C3440 #7B6D8D
분위기: 폭풍우 같은, 우아한, 약간 몽환적인
최적 용도: 웨딩 초대장 세트
폭풍우 같고 우아한 느낌으로, 안개와 황혼 바이올렛의 힌트로 부드러워진 먼 천둥을 연상시킵니다. 이와 같은 비오는 날 컬러 팔레트는 설탕 같은 파스텔 없이 로맨스를 원하는 모던 초대장에 적합합니다. 밝은 회색을 종이 톤으로, 슬레이트를 타입으로, 바이올렛을 모노그램이나 왁스-씰 그래픽으로 사용하세요. 팁: 바이올렛을 스팟 컬러로 인쇄하여 작품 전체에서 풍부하고 일관되게 유지하세요.
media.io를 사용하여 생성된 부드러운 천둥의 이미지 예시
15) 종이배 파스텔
HEX: #F7F3EF #D9DCE8 #B8C7D6 #8FA0A8 #E3B7A0
분위기: 부드러운, 향수 어린, 장난기 있는-차분한
최적 용도: 어린이 문구 세트
부드럽고 향수 어린 느낌으로, 부드러운 물웅덩이를 떠다니는 접힌 종이배처럼 느껴집니다. 작은 일러스트레이션과 스티커에는 블러시 강조를 사용하고, 블루-그레이는 세트를 차분하고 눈에 편안하게 유지합니다. 간단한 낙서, 둥근 타이포그래피, 그리고 많은 여백과 잘 어울립니다. 팁: 아트워크가 거칠게 보이지 않고 가볍게 유지되도록 아웃라인을 미드 그레이-블루로 유지하세요.
media.io를 사용하여 생성된 종이배 파스텔의 이미지 예시
16) 몬순 포스터
HEX: #0E2A3B #17465B #2E7C8A #A7C6C8 #E9E6DF
분위기: 대담한, 해안의, 비에 젖은
최적 용도: 음악 페스티벌 플라이어
대담하고 비에 젖은 느낌으로, 해안 물과 만나는 몬순 하늘을 표현합니다. 딥 블루는 큰 타입을 위한 드라마틱한 무대를 설정하고, 틸은 형태와 그라디언트에 움직임을 추가합니다. 페일 시폼과 따뜻한 오프-화이트는 밀도 높은 정보에서도 플라이어를 읽기 쉽게 유지합니다. 팁: 추가 색조를 추가하지 않고 다이나믹한 배경을 위해 틸과 네이비 사이의 투-컬러 그라디언트를 사용하세요.
media.io를 사용하여 생성된 몬순 포스터의 이미지 예시
17) 빗물에 씻긴 데님
HEX: #E1E6ED #A9B7C9 #6D84A3 #3E556F #2B2F36
분위기: 캐주얼, 믿을 수 있는, 쿨-톤
최적 용도: 데님 제품 광고
캐주얼하고 믿을 수 있는 느낌으로, 비에 어두워졌지만 여전히 선명한 데님처럼 보입니다. 배경 공간에는 연한 블루-그레이를 사용하고 블록과 배지에는 미드 데님을 사용하세요. 딥 네이비와 차콜은 제품명과 가격을 외치지 않고도 돋보이게 합니다. 팁: 타이포그래피를 모노크롬으로 유지하고 데님 톤이 스토리텔링을 하도록 하세요.
media.io를 사용하여 생성된 빗물에 씻긴 데님의 이미지 예시
18) 폭풍우 블룸
HEX: #2A2E35 #55606B #A9B3BC #D7D1C6 #B06A7A
분위기: 로맨틱, 모던, 약간 드라마틱한
최적 용도: 화장품 패키징
로맨틱하고 약간 드라마틱한 느낌으로, 폭풍우 하늘을 배경으로 한 꽃잎처럼 느껴집니다. 더스티 로즈 강조가 있는 비오는 날 컬러 팔레트는 엣지를 잃지 않으면서 부드러움을 원하는 뷰티 패키징에 완벽합니다. 베이스 라벨 시스템에는 그레이를 사용한 다음, 로즈가 셰이드 이름이나 씰을 담당하도록 하세요. 팁: 설탕 같은 느낌보다는 세련된 느낌을 유지하기 위해 따뜻한 베이지 배경에 로즈를 인쇄하세요.
media.io를 사용하여 생성된 폭풍우 블룸의 이미지 예시
19) 비 온 후의 등대
HEX: #F3F0E9 #C8D2D8 #6E7F8A #1F3B4D #C65A3A
분위기: 해양의, 희망찬, 선명한
최적 용도: 비영리 연례 보고서
해양적이고 희망찬 느낌으로, 남아있는 비를 뚫고 나오는 등대 빛을 제안합니다. 긴 독서 편안함을 위해 오프-화이트를 사용한 다음, 권위를 위해 딥 오션 블루로 제목을 설정하세요. 뮤트 오렌지-레드는 차트, 콜아웃 및 주요 메트릭에 강한 강조를 만듭니다. 팁: 그래프가 즉시 읽을 수 있도록 강조를 한두 개의 데이터 시리즈에만 유지하세요.
media.io를 사용하여 생성된 비 온 후의 등대 이미지 예시
20) 밤 버스 창문
HEX: #0B0F14 #1F2A35 #3B556B #7A92A6 #D8D3C7
분위기: 야행성의, 반사적인, 테크-차분한
최적 용도: 핀테크 앱 다크 모드 UI
야행성이고 반사적인 느낌으로, 밤에 버스 창문을 가로질러 줄무늬를 만드는 가로등처럼 느껴집니다. 다크 모드의 기초로 거의-검은색과 딥 블루를 사용한 다음, 카드를 위해 슬레이트와 미스티 블루로 표면을 들어 올리세요. 따뜻한 라이트 뉴트럴은 하이라이트와 친근한 빈 상태에 잘 작동합니다. 팁: 가혹한 네온 없이 접근성을 유지하기 위해 포커스 링에 미스티 블루를 사용하세요.
media.io를 사용하여 생성된 밤 버스 창문의 이미지 예시
비 오는 날과 잘 어울리는 색상은?
비오는 날 팔레트는 다른 뮤트 톤과 가장 잘 어울립니다: 소프트 화이트, 포그 그레이, 슬레이트 블루, 그리고 채도가 낮은 그린. 이들은 특히 UI와 편집 디자인에서 구성을 차분하고 읽기 쉽게 유지합니다.
대비를 위해, 캐러멜, 테라코타, 더스티 로즈 또는 뮤트 오렌지-레드와 같은 하나의 따뜻한 강조를 추가하세요. 따뜻한 강조는 베이스가 차가울 때(블루-그레이/차콜) 특히 잘 작동합니다. 외치지 않고도 포커스를 만들기 때문입니다.
더 프리미엄한 느낌을 원한다면, 스토미 뉴트럴을 거의-검은색과 오프-화이트(순수한 흰색 대신)와 결합하세요. 그 미묘한 따뜻함은 인쇄물에서 더 촉각적으로 느껴지고 화면에서 더 편안합니다.
실제 디자인에서 비 오는 날 색상 팔레트를 사용하는 방법
밝은 "흐린" 배경(미스티 그레이 또는 따뜻한 오프-화이트)으로 시작한 다음, 구조(카드, 섹션, 디바이더)를 위한 하나의 미드-톤과 텍스트 및 네비게이션을 위한 하나의 딥 톤을 선택하세요. 이것은 색상이 미묘할 때에도 계층을 명확하게 유지합니다.
강조를 의도적으로 사용하세요: 가장 밝거나 가장 따뜻한 색상을 기본 버튼, 주요 메트릭 또는 타이틀에 예약하세요. 비오는 날 스킴에서는 작은 강조가 큰 효과를 내므로 전체적인 무드를 일관되게 유지할 수 있습니다.
마지막으로, 텍스처와 이미지에 기대세요. 그레인, 종이 오버레이, 그리고 모노크롬 사진은 추가 채도 없이도 뮤트 팔레트를 풍부하게 만듭니다.
AI로 비 오는 날 팔레트 비주얼 만들기
팔레트 매칭 목업(포스터, 패키징, UI 화면)을 원한다면, 일관된 프롬프트 스타일과 선택한 비오는 날 HEX 방향(미스티, 슬레이트, 차콜, 플러스 하나의 따뜻한 하이라이트)을 사용하여 AI로 생성하세요.
Media.io에서는 빠르게 반복할 수 있습니다: "주조색"을 조정하고, 강조(옐로우 대 테라코타)를 교체하고, 동일한 레이아웃 프롬프트를 유지하여 옵션을 나란히 비교하세요.
외관이 마음에 들면, 프레젠테이션, 무드 보드 또는 클라이언트 승인을 위해 비주얼을 내보낸 다음, 우승 팔레트를 중심으로 최종 디자인 시스템을 구축하세요.
비오는 날 컬러 팔레트 FAQ
-
비오는 날 컬러 팔레트란 무엇인가요?
비오는 날 컬러 팔레트는 흐린 하늘과 젖은 표면에서 영감을 받은 뮤트되고 채도가 낮은 톤의 세트입니다—일반적으로 포기 그레이, 슬레이트 블루, 차콜 뉴트럴, 그리고 토프나 테라코타와 같은 하나의 부드러운 따뜻한 강조가 포함됩니다. -
비오는 날 색상이 UI 디자인에 좋나요?
네. 비오는 날 팔레트는 그레이와 딥 텍스트 색상으로 명확한 계층을 만들면서 눈에 편안하기 때문에 UI에 훌륭합니다. 포커스를 유지하기 위해 기본 작업에 하나의 강조 색상을 추가하세요. -
비오는 팔레트가 지루해 보이지 않게 하려면 어떻게 하나요?
채도가 아닌 값(밝음 대 어두움)을 통해 대비를 사용하세요. 하나의 따뜻한 강조를 추가하고, 밝은 뉴트럴 사이에 미묘한 그라디언트를 도입하고, 텍스처(그레인, 종이, 블러)를 적용하여 깊이를 만드세요. -
스토미 뉴트럴과 가장 잘 어울리는 강조 색상은 무엇인가요?
뮤트 따뜻한 강조가 가장 잘 작동합니다: 캐러멜, 테라코타, 더스티 로즈, 그리고 뮤트 오렌지-레드. 더 활기찬 느낌을 위해, 머스타드 옐로우 강조가 쿨 그레이를 배경으로 튀어나올 수 있습니다. -
인쇄 브랜딩에 비오는 날 팔레트를 사용할 수 있나요?
물론입니다. 이러한 팔레트는 안정적인 뉴트럴과 통제된 강조에 의존하기 때문에 인쇄물로 잘 전환됩니다. 오프-화이트(순수한 흰색 대신)는 종이에서 더 프리미엄하게 보이는 경우가 많습니다. -
비오는 날 스킴에서 가장 좋은 배경 색상은 무엇인가요?
편안한 가독성과 유연한 레이어링을 위해 밝은 미스티 그레이 또는 따뜻한 오프화이트를 선택하세요. 그런 다음 제목과 UI 구성 요소에는 슬레이트/차콜을 사용하여 일관된 대비를 유지하세요. -
비오는 날 테마의 비주얼을 빠르게 생성하려면 어떻게 해야 하나요?
AI 이미지 생성기를 사용하고 프롬프트를 일관되게 유지하세요 (레이아웃 + 주제 + "지배적인 미스티 그레이/슬레이트/차콜" + 따뜻한 악센트 하나). Media.io를 사용하면 빠르게 반복 작업을 수행하고 무드 보드나 디자인 컴포지션용 비주얼을 내보낼 수 있습니다.
다음: 그린 버건디 컬러 팔레트
