블루 그레이 컬러 팔레트 조합 (20가지 선택 + Hex)

블루 그레이는 현대 컬러 디자인의 조용한 일꾼입니다: 차분하고 세련되며 따뜻한 액센트와 깔끔한 중성색 모두와 쉽게 조화를 이룹니다.

아래는 UI, 인테리어, 브랜딩 등에 사용할 수 있는 20가지 엄선된 블루 그레이 컬러 팔레트 아이디어(HEX 코드 포함)와 빠른 팁 및 매칭 비주얼 생성을 위한 AI 프롬프트입니다.

블루 그레이 팔레트가 잘 작동하는 이유

블루 그레이는 "신뢰할 수 있는 블루"와 "중성 그레이" 사이에 위치하여 차갑거나 무미건조하게 느껴지지 않으면서도 차분하고 전문적이며 세련되게 보입니다. 모던하면서도 유행을 타지 않는 디자인을 원할 때 믿을 수 있는 기본색입니다.

블루 그레이는 자연스럽게 대비를 지원하기 때문에 더 어두운 네비게이션/헤더와 밝은 표면으로 명확한 위계를 구축할 수 있습니다—특히 가독성이 중요한 UI, 프레젠테이션 및 편집 레이아웃에 유용합니다.

또한 강력한 브리지 컬러입니다: 따뜻한 액센트(모래색, 브론즈, 블러시)와 차가운 톤(세이지, 틸, 아이시 화이트) 모두와 쉽게 조화를 이루어 인테리어, 패키징 및 브랜딩 시스템 전반에 걸쳐 유연하게 사용됩니다.

20가지 이상의 블루 그레이 컬러 팔레트 아이디어 (HEX 코드 포함)

1) 해안 안개

HEX: #2E3E4E #5E7282 #A7B5C0 #E7EDF1 #D7C3A5

분위기: 경쾌한, 해안의, 차분한

최적 용도: 비치 하우스 거실과 편안한 호스피탈리티 인테리어

경쾌하고 소금에 씻긴 듯한 느낌으로 자갈 해변 위로 밀려오는 아침 안개를 연상시킵니다. 벽이나 큰 직물에 깊은 블루 그레이를 앵커로 사용한 다음 부드러움을 위해 밝은 톤을 레이어링하세요. 샌디 액센트는 세트를 따뜻하게 하고 너무 차갑게 보이지 않게 합니다. 팁: 모래색을 두 개의 작은 장소(쿠션과 러그 스트라이프)에 반복하여 공간이 의도적으로 보이게 하세요.

media.io를 사용하여 생성된 해안 안개 이미지 예시

Media.io

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

지금 무료로 사용해보세요

2) 슬레이트와 세이지

HEX: #344552 #6E8594 #B9C6CE #E9EEF2 #7E9B8B

분위기: 안정적인, 신선한, 모던한

최적 용도: 에코 스킨케어 패키징과 웰니스 브랜드 라벨

안정적인 슬레이트 톤이 깨끗한 세이지 느낌과 만나 공기 중에 유칼립투스가 있는 조용한 스파 같은 분위기를 연출합니다. 이 블루 그레이 컬러 조합은 미묘한 변화가 프리미엄으로 보이는 무광 소재에서 특히 잘 작동합니다. 타이포그래피는 차콜이나 오프화이트로 유지하고 씰, 캡 또는 콜아웃에 세이지를 사용하세요. 팁: 라벨이 가혹해 보이지 않으면서도 읽기 쉽게 유지되도록 가장 어두운 색조를 규정 텍스트용으로 예약하세요.

media.io를 사용하여 생성된 슬레이트와 세이지 이미지 예시

3) 미드나잇 하버

HEX: #0F1C2B #2C3E55 #5B6F86 #A8B6C4 #F2B6A0

분위기: 무디한, 럭셔리한, 야행성의

최적 용도: 칵테일 바 브랜딩과 저녁 이벤트 프로모션

무디하고 영화 같은 느낌으로 어두운 물에 반사되는 항구 불빛을 연상시킵니다. 배경에 잉크 베이스를 사용한 다음 아이콘, 패턴 또는 보조 패널에 중간톤을 사용하세요. 부드러운 코랄 액센트는 야간 분위기를 깨지 않으면서 CTA, 스탬프 또는 하이라이트 규칙에 따뜻함을 더합니다. 팁: 팔레트가 세련되게 유지되도록 코랄 커버리지를 10% 미만으로 유지하세요.

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

4) 빗방울 창문

HEX: #1F2A35 #455766 #7F93A1 #C9D4DC #F3F6F8

분위기: 조용한, 미니멀한, 집중된

최적 용도: 분석 대시보드와 SaaS UI 테마

조용하고 집중된 느낌으로 도시 창문을 따라 흐르는 빗방울 같은 분위기입니다. 이 블루 그레이 컬러 팔레트는 어두운 네비게이션에서 밝은 표면까지 명확한 위계를 제공하면서 인터페이스를 차분하게 유지합니다. 활성 상태와 알림을 위해 단일 밝은 액센트(앰버 또는 틸)와 짝을 이루세요. 팁: 장시간 세션에서 눈의 피로를 줄이기 위해 가장 밝은 색조를 메인 캔버스로 사용하세요.

media.io를 사용하여 생성된 빗방울 창문 이미지 예시

5) 노르딕 스틸

HEX: #2A3A46 #516574 #8EA0AD #D6DEE5 #FFFFFF

분위기: 깔끔한, 구조적인, 스칸디나비안

최적 용도: 기업 슬라이드 덱과 연차 보고서

깔끔하고 구조적이며 브러시드 메탈과 눈 내린 빛을 연상시킵니다. 제목과 섹션 구분선에 어두운 톤을 사용하고 페이지의 대부분을 밝은 그레이로 채우세요. 선명한 여백과 단순한 기하학적 형태와 자연스럽게 조화를 이룹니다. 팁: 덱이 쉽게 읽히도록 차트를 두 개의 시리즈와 하나의 하이라이트 색상으로 유지하세요.

media.io를 사용하여 생성된 노르딕 스틸 이미지 예시

6) 데님 드리프트

HEX: #243445 #3F5B74 #6F8FA8 #B8CAD8 #E9EDF0

분위기: 캐주얼한, 젊은, 야외의

최적 용도: 데님 의류 광고와 룩북 페이지

캐주얼하고 바람에 마모된 느낌으로 서늘한 오후의 색 바랜 데님 같은 분위기입니다. 제목과 프레임에 어두운 색조로 기본을 구축한 다음 배경과 네거티브 스페이스에 밝은 블루를 사용하세요. 오프화이트 종이 질감과 미니멀한 검은색 타입과 잘 어울립니다. 팁: 미묘한 그레인 오버레이를 추가하여 색상이 더 촉각적이고 패션 지향적으로 느껴지게 하세요.

media.io를 사용하여 생성된 데님 드리프트 이미지 예시

7) 실버스톰

HEX: #1D2B36 #3C515E #708693 #B7C4CC #D9A15F

분위기: 드라마틱한, 세련된, 고대비

최적 용도: 현대적인 주방 마감재와 가전 스타일링

드라마틱하고 세련되어 따뜻한 빛이 비치는 폭풍 구름을 연상시킵니다. 이 블루 그레이 컬러 조합 선택은 금속, 돌 및 유리가 응집력 있는 배경이 필요한 주방에서 빛을 발합니다. 공간이 무미건조하게 느껴지지 않도록 하드웨어, 조명 또는 단일 스테이트먼트 스툴에 브론즈 액센트를 사용하세요. 팁: 대비가 의도적으로 읽히도록 하나의 따뜻한 금속 마감재를 고수하세요, 바쁘지 않게.

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

8) 잉크와 미스트

HEX: #101820 #33404B #667786 #C8D1D8 #F7F9FA

분위기: 편집적인, 선명한, 모던한

최적 용도: 책 표지와 미니멀리스트 포스터 타이포그래피

선명하고 편집적이며 부드러운 종이에 마르는 신선한 잉크 같은 느낌입니다. 거의 검은색에 가까운 색이 제목과 주요 타이포그래피를 처리하게 하고, 안개 같은 그레이가 충분한 여백을 열어주게 하세요. 볼드한 세리프 타입이나 압축된 산세리프와 아름답게 조화를 이루어 모던-문학적인 느낌을 줍니다. 팁: 표지가 프리미엄하게 느껴지도록 단일 큰 네거티브 스페이스 블록을 유지하세요.

media.io를 사용하여 생성된 잉크와 미스트 이미지 예시

9) 빙하 호수

HEX: #2B3A4A #4F6B7D #7FA7B9 #CFE3EC #F7FBFD

분위기: 신선한, 경쾌한, 야외의

최적 용도: 수채화 풍경 프린트와 자연 블로그 헤더

신선하고 경쾌하며 밝은 하늘 아래 유리 같은 알파인 호수를 연상시킵니다. 물과 그림자 형태에 중간 블루를 사용하고 하이라이트와 안개에 가장 밝은 톤을 유지하세요. 정의를 위해 소나무 그린이나 차콜 라인워크와 잘 어울립니다. 팁: 날카로운 모서리를 제한하고 젖은 위에 젖은 블렌드가 차분하고 자연스러운 마무리를 위해 주요 작업을 하도록 하세요.

media.io를 사용하여 생성된 빙하 호수의 이미지 예시

10) 폭풍우 치는 과수원

HEX: #2A3844 #586B78 #9AA9B2 #E1E7EA #8B6B4E

분위기: 소박한, 차분한, 아늑한

최적 용도: 농가 주방 및 장인 식품 브랜딩

소박하고 차분하여 비 온 직후의 과수원 같은 느낌을 줍니다. 차가운 뉴트럴 톤이 깨끗한 기본을 만들고, 따뜻한 브라운이 수제 느낌과 식료품 저장실 친화적인 터치를 더합니다. 크라프트 지, 세리프 타이포그래피, 간단한 라인 아이콘과 함께 사용하면 진정성 있는 룩을 연출할 수 있습니다. 팁: 브라운을 스탬프와 재료 강조에 사용하여 복잡함 없이 시선을 유도하세요.

media.io를 사용하여 생성된 폭풍우 치는 과수원의 이미지 예시

11) 청사진 스튜디오

HEX: #1B2D45 #2F4E6B #5F7F9B #AFC2D1 #F2F4F6

분위기: 기술적인, 자신감 있는, 창의적인

최적 용도: 건축 포트폴리오 및 스튜디오 룩북

기술적이고 자신감 있으며 청사진 용지와 제도선을 떠올리게 합니다. 어두운 블루를 그리드, 캡션, 섹션 헤더에 사용하고, 옅은 패널로 레이아웃을 읽기 쉽게 유지하세요. 얇은 라인 아이콘과 넉넉한 여백과 잘 어울려 갤러리 느낌을 줍니다. 팁: 본문 텍스트를 따뜻한 그레이로 설정하여 엔지니어링 분위기를 부드럽게 만드세요.

media.io를 사용하여 생성된 청사진 스튜디오의 이미지 예시

12) 더스티 페리윙클

HEX: #2E3A4C #56647C #8793B0 #C9CDE0 #F6F5FA

분위기: 부드러운, 몽환적인, 온화한

최적 용도: 베이비 샤워 초대장 및 스위트 문구 세트

부드럽고 몽환적이며 라일락 안개가 낀 황혼의 빛 같은 느낌입니다. 어두운 톤은 이름과 주요 세부사항에 사용하고, 옅은 틴트로 바람이 잘 통하는 종이 같은 기본을 만드세요. 섬세한 꽃무늬, 얇은 테두리, 로즈 골드 포일 액센트와 잘 어울립니다. 팁: 스크립트 폰트는 하나만 선택하고 색상이 로맨틱한 작업을 하도록 하세요.

media.io를 사용하여 생성된 더스티 페리윙클의 이미지 예시

13) 어반 그라파이트

HEX: #161C22 #303A43 #56636E #9EABB4 #E7EBEE

분위기: 산업적인, 세련된, 현대적인

최적 용도: 스트리트웨어 소셜 포스트 및 드롭 공지

세련되고 산업적이며 그라파이트 스케치와 콘크리트 보도를 떠올리게 합니다. 가장 어두운 톤을 굵은 타입과 프레임에 사용하고, 밝은 그레이를 텍스처 블록과 간격에 도입하세요. 고대비 사진과 잘 어울리며 에너지가 필요한 경우 네온 액센트 하나를 추가할 수 있습니다. 팁: 그림자와 오버레이를 일관되게 유지하여 포스트가 하나의 통일된 시리즈처럼 보이도록 하세요.

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

14) 조용한 도서관

HEX: #2B343C #4E5D69 #7D8D9A #C9D2D8 #E6D8C7

분위기: 아늑한, 사려 깊은, 시대를 초월한

최적 용도: 홈 오피스 및 독서 공간 리모델링

아늑하고 사려 깊으며 낡은 책 천과 독서실의 고요함 같은 느낌입니다. 그레이 블루가 나무 가구를 위한 차분한 배경을 만들고, 따뜻한 양피지 톤이 모든 것을 초대하는 분위기로 유지합니다. 브라스 디테일, 가죽 질감, 부드러운 램프 조명과 함께 사용하여 생활감 있는 룩을 연출하세요. 팁: 빌트인을 중간 톤으로 칠하고 가장 어두운 색조는 트림에만 사용하여 깊이를 더하세요.

media.io를 사용하여 생성된 조용한 도서관의 이미지 예시

15) 북극 콘크리트

HEX: #202B33 #45535E #788792 #BFC8CF #F3F5F6

분위기: 미니멀한, 차가운, 건축적인

최적 용도: 모바일 앱 온보딩 및 핀테크 UI

미니멀하고 차가우며 겨울 빛 아래 콘크리트 표면을 연상시킵니다. 이런 블루 그레이 컬러 팔레트는 명확성과 신뢰가 가장 중요한 온보딩 화면에서 탁월합니다. 진행 상태와 주요 버튼에 선명한 액센트 하나(일렉트릭 블루 또는 라임)와 함께 사용하세요. 팁: 두 번째로 밝은 색조를 카드 배경에 사용하여 무거운 테두리 없이도 콘텐츠가 분리된 느낌을 주도록 하세요.

media.io를 사용하여 생성된 북극 콘크리트의 이미지 예시

16) 해변 조약돌

HEX: #283744 #516575 #92A3AF #D9E1E6 #B7A190

분위기: 자연스러운, 균형 잡힌, 절제된

최적 용도: 세라믹 캔들 포장 및 라이프스타일 제품 광고

자연스럽고 절제되어 있으며 매끄러운 조약돌과 풍화된 유목 같은 느낌입니다. 차가운 톤을 라벨과 보조 패널에 사용하고, 토프 액센트가 부드럽고 자연스러운 대비를 가져오도록 하세요. 미니멀한 세리프 타이포그래피 및 무코팅 종이 질감과 잘 어울립니다. 팁: 유기적인 분위기를 유지하려면 밝은 흰색 대신 따뜻한 흰색 배경을 선택하세요.

media.io를 사용하여 생성된 해변 조약돌의 이미지 예시

17) 모던 헤리티지

HEX: #223141 #3E5568 #6D859C #B9C8D3 #C7A574

분위기: 클래식한, 자신감 있는, 따뜻한 액센트

최적 용도: 프리미엄 남성복 브랜딩 및 부티크 간판

클래식하고 자신감 있으며 따뜻한 브라스 디테일이 있는 맞춤 정장을 연상시킵니다. 깊은 색조는 강한 워드마크와 모노그램을 지원하고, 밝은 블루는 부자재가 너무 무겁게 느껴지지 않도록 합니다. 골드 탄 액센트를 질감 있는 종이, 엠보싱 또는 은은한 패턴과 함께 사용하여 헤리티지 마감을 연출하세요. 팁: 세련된 균형을 유지하려면 룰과 아이콘에만 액센트를 사용하세요.

media.io를 사용하여 생성된 모던 헤리티지의 이미지 예시

18) 겨울 꽃

HEX: #2C3846 #5A6A7A #9AA8B5 #DCE3EA #E7B7C6

분위기: 부드러운, 로맨틱한, 겨울 날씨

최적 용도: 수채화 꽃 문구 및 계절 카드

부드럽고 로맨틱하며 차가운 하늘을 배경으로 한 옅은 꽃잎 같은 느낌입니다. 블러시 액센트가 너무 달콤하지 않으면서 부드러운 활력을 더합니다. 우아한 카드 디자인을 위해 가는 라인워크, 라이트 워시, 충분한 여백과 함께 사용하세요. 팁: 핑크를 작은 꽃과 봉인에만 사용하여 차가운 뉴트럴이 주도적으로 유지되도록 하세요.

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

19) 딥 틸 섀도우

HEX: #14212B #2B3E4A #4E6A73 #9DB2B8 #E9EFF0

분위기: 신비로운, 차가운, 현대적인

최적 용도: 기술 랜딩 페이지 및 제품 기능 섹션

신비롭고 차가우며 낮은 조명의 깊은 물처럼 읽힙니다. 가장 어두운 색조를 히어로 섹션과 네비게이션에 사용한 다음, 기능 블록과 다이어그램에는 안개 낀 톤으로 이동하세요. 흰색 아이콘 및 링크를 위한 일렉트릭 사이언 같은 선명한 액센트 하나와 잘 어울립니다. 팁: 어두운 배경을 사용할 때는 줄 높이와 패딩을 늘려 페이지가 숨쉬는 느낌을 유지하세요.

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

20) 구름 낀 네이비

HEX: #182535 #2F4157 #5D748C #A7B6C3 #EEF2F5

분위기: 자신감 있는, 깨끗한, 전문적인

최적 용도: 비즈니스 보고서, 제안서 및 웹 헤더

자신감 있고 깨끗하며 구름으로 부드러워진 네이비 유니폼 같은 느낌입니다. 어두운 네이비 그레이를 제목과 섹션 바에 사용하고, 읽기 쉬운 본문 콘텐츠에는 옅은 뉴트럴에 의존하세요. 선명한 흰색, 얇은 구분선, 은은한 데이터 시각화와 자연스럽게 어울립니다. 팁: 하이퍼링크를 중간 블루 톤으로 유지하여 지나치게 포화되지 않고 눈에 띄도록 하세요.

media.io를 사용하여 생성된 구름 낀 네이비의 이미지 예시

블루 그레이와 잘 어울리는 색상은?

따뜻한 액센트는 블루 그레이를 매력적으로 만드는 가장 빠른 방법입니다. 샌드, 카멜, 브론즈, 골드 탄, 테라코타, 소프트 코랄은 팔레트를 시끄럽게 만들지 않으면서 대비를 더합니다.

신선하고 유기적인 룩을 원한다면 블루 그레이를 세이지, 유칼립투스 또는 딥 틸 같은 차분한 그린과 함께 사용하세요. 차가운 쪽의 이웃들이 분위기를 차분하고 현대적으로 유지합니다.

선명하고 가독성이 높은 디자인(특히 UI)을 위해서는 블루 그레이를 깨끗한 흰색 및 거의 검은색과 결합하세요. 뉴트럴 범위는 타이포그래피를 선명하게 유지하고 상태 및 CTA를 위한 강한 액센트 색상 하나를 위한 공간을 남깁니다.

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

역할 할당으로 시작하세요: 제목/내비게이션에 어두운 블루 그레이 하나, 보조 UI나 가구에 중간 톤 하나, 배경 표면에 매우 밝은 톤 하나를 선택하세요. 이것은 액센트를 추가하기 전에 계층을 만듭니다.

액센트를 의도적이고 제한적으로 유지하세요—"10% 미만 커버리지"로 생각하세요. 하이라이트, 아이콘, 배지 또는 하드웨어에 단일 따뜻한 노트(샌드, 브론즈, 블러시 같은)를 사용하여 시스템을 일관되게 유지하세요.

인쇄 및 브랜딩에서 블루 그레이는 매트 종이와 무코팅 재고에서 프리미엄하게 보입니다. 평평함을 방지하고 미묘한 색조 변화가 나타나도록 텍스처(그레인, 리넨, 수채화 종이)를 추가하세요.

AI로 블루 그레이 팔레트 비주얼 만들기

컨셉을 제안하거나 무드보드를 만드는 경우, 빠른 비주얼을 생성하면 이해관계자가 블루 그레이 컬러 스킴을 맥락에서 "볼" 수 있도록 도와줄 수 있습니다—방, 포장, UI 목업 또는 포스터.

조명, 재질, 스타일(매트, 브러시드 메탈, 부드러운 자연광, 미니멀한 레이아웃)을 설명하는 프롬프트를 사용하세요. 그런 다음 디자인 단계에서 HEX 색상을 적용하여 룩을 정확하게 일치시키세요.

다음: 블랙 그린 컬러 팔레트