모던 그레이 블루 톤: 시도해볼 20가지 팔레트 조합

그레이 블루는 "중립적이면서도 지루하지 않은" 드문 색상 중 하나입니다. 회색처럼 차분하면서도 블루의 명료함과 신뢰감을 전달합니다. 그래서 현대적인 UI부터 고요한 인테리어까지 어디서나 볼 수 있습니다.

아래는 HEX 코드가 포함된 20가지 그레이 블루 컬러 팔레트 아이디어와 각 조합이 가장 잘 어울리는 곳과 AI로 시각화하는 방법에 대한 간단한 안내입니다.

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

그레이 블루는 차가운 중립성과 감성적인 색상 사이에 위치하여 무미건조하지 않으면서도 전문적으로 느껴집니다. 순수한 네이비보다 부드러운 느낌으로 신뢰, 명료함을 원하는 현대적인 브랜드의 선택입니다.

UI 및 제품 디자인에서 그레이 블루는 자연스러운 위계를 만듭니다. 연한 색조는 깨끗한 표면으로 읽히고, 중간 톤은 내비게이션과 상태가 되며, 어두운 음영은 거친 검은색 없이 텍스트와 CTA에 대비를 제공합니다.

인테리어에서 그레이 블루는 차분하고 유연합니다. 나무, 돌, 리넨, 금속과 쉽게 조화를 이루어 통풍이 잘 되고 정돈되며 사람이 사는 느낌의 공간에 이상적입니다.

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

1) 안개 낀 항구

HEX: #E7EDF2 #B9C6D3 #7E93A6 #445A6B #2C343E

분위기: 통풍이 잘 되는, 차분한, 해안의

최적 용도: 해안 거실 인테리어

조용한 마리나 위의 아침 안개처럼 통풍이 잘 되고 차분하며, 이 톤들은 차갑지 않으면서도 깨끗하게 느껴집니다. 부드러운 대비를 원하는 벽, 실내 장식, 붙박이 가구에 아름답게 어울립니다. 따뜻한 오크, 리넨 질감, 브러시드 니켈과 조화를 이루어 균형을 잡으세요. 사용 팁: 방이 평평해지는 것을 피하기 위해 가장 어두운 색조는 트림이나 하나의 앵커 피스에만 사용하세요.

media.io를 사용하여 생성한 안개 낀 항구의 이미지 예시

Media.io

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

무료로 지금 시도하기

2) 강철과 하늘

HEX: #F4F6F8 #CBD3DA #8FA1B0 #566977 #1F2A33

분위기: 현대적인, 구조적인, 전문적인

최적 용도: SaaS 대시보드 UI

창백한 하늘 아래 유리 타워처럼 현대적이고 구조적이며, 여기서의 대비는 선명하고 신뢰할 수 있게 읽힙니다. 표면과 카드에는 밝은 톤을 사용하고, 내비게이션과 활성 상태에는 중간 블루를 사용하세요. 가장 어두운 색조는 순수한 검은색의 거칠음 없이 텍스트와 아이콘을 선명하게 만듭니다. 사용 팁: 큰 레이아웃에서 눈부심을 줄이기 위해 5~10% 색조 배경을 추가하세요.

media.io를 사용하여 생성한 강철과 하늘의 이미지 예시

3) 해안 안개

HEX: #EEF2F5 #C7D2DB #94A7B6 #5F7686 #364553

분위기: 부드러운, 절제된, 상쾌한

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

안개 속으로 사라지는 해안선처럼 부드럽고 절제되며, 이 색조들은 진정되고 프리미엄하게 느껴집니다. 임상적인 밝기가 아닌 명료함을 원하는 웰니스 브랜딩에 적합합니다. 오프화이트 페이퍼, 무광 마감, 그리고 따뜻함을 위한 작은 모래색이나 점토 악센트와 혼합하세요. 사용 팁: 로고에는 하나의 중간 톤을 선택하고 일관성을 위해 나머지는 보조 중립색으로 유지하세요.

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

4) 데님 드리프트

HEX: #E9EEF3 #B8C4D1 #7A90A8 #3F5C79 #24384B

분위기: 캐주얼한, 자신감 있는, 친근한

최적 용도: 이커머스 패션 배너

낡은 데님처럼 캐주얼하고 자신감 있으며, 이 세트는 약간 거친 느낌과 함께 친근한 대비를 가져옵니다. 특히 깨끗한 여백과 짝을 이룰 때 패션 및 라이프스타일 크리에이티브에 잘 작동합니다. 너무 차가운 느낌을 피하기 위해 따뜻한 황갈색이나 황동 악센트를 추가하세요. 사용 팁: CTA를 안정감 있게 만들기 위해 헤드라인과 버튼에 가장 어두운 블루를 사용하세요.

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

5) 비 내리는 창문

HEX: #F2F4F7 #D0D8E0 #A0B1BF #6B7F8F #3A4652

분위기: 성찰적인, 부드러운, 온화한

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

유리창의 빗방울처럼 성찰적이고 온화하며, 이 톤들은 조용한 읽기 경험을 만듭니다. 큰 색상보다 위계가 중요한 편집 레이아웃에서 빛을 발합니다. 따뜻한 그레이스케일 사진, 얇은 선, 세리프 헤드라인과 결합하여 세련미를 더하세요. 사용 팁: 본문 텍스트는 가장 밝은 색조에 유지하고 인용구와 섹션 레이블에는 중간 블루를 사용하세요.

media.io를 사용하여 생성한 비 내리는 창문의 이미지 예시

6) 흑연 물결

HEX: #DDE4EA #AEBBC6 #778C9D #3E5666 #1C2A33

분위기: 무드있는, 안정적인, 영화 같은

최적 용도: 영화 포스터 타이포그래피

구름 아래 어두운 물결처럼 무드있고 안정적이며, 이 조합은 영화 같고 대담하게 느껴집니다. 네온 없이 드라마가 필요한 타이포그래피 포스터와 캠페인에 이상적입니다. 가독성을 높게 유지하기 위해 하나의 메탈릭 악센트나 부드러운 오프화이트와 짝을 이루세요. 사용 팁: 배경을 가장 어두운 색조로 설정하고 가장 밝은 두 톤으로 타입 대비를 만드세요.

media.io를 사용하여 생성한 흑연 물결의 이미지 예시

7) 겨울 씨글라스

HEX: #F6F8FA #D7E0E7 #A8B9C6 #6E8797 #3E515D

분위기: 신선한, 조용한, 미니멀한

최적 용도: 스킨케어 패키징 디자인

서리 낀 씨글라스처럼 신선하고 조용하며, 이 색조들은 깨끗하고 부드러우며 신뢰할 수 있게 읽힙니다. 거친 느낌 없이 임상적인 힌트를 원하는 스킨케어 패키징에 강력한 선택입니다. 무광 화이트, 미묘한 엠보싱, 작은 은박 디테일과 짝을 이루어 프리미엄 마감을 완성하세요. 사용 팁: 레이블을 대부분 밝게 유지하고 주요 주장에 중간 톤을 사용하여 패키지를 통풍이 잘 되게 유지하세요.

media.io를 사용하여 생성한 겨울 씨글라스의 이미지 예시

8) 도시 청사진

HEX: #E3EAF0 #B4C3D0 #7C93A7 #4D6A83 #273646

분위기: 스마트한, 기술적인, 현대적인

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

제도판의 청사진처럼 스마트하고 기술적이며, 이 세트는 정확하고 현대적으로 느껴집니다. 이미지에 깨끗한 프레임이 필요하고 텍스트가 선명하게 유지되어야 하는 건축 포트폴리오에 잘 작동합니다. 기술적인 느낌을 부드럽게 하기 위해 따뜻한 콘크리트, 밝은 메이플 또는 테라코타 악센트를 추가하세요. 사용 팁: 내비게이션이 미묘하지만 명확하게 유지되도록 링크와 호버 상태에 중간 블루를 사용하세요.

media.io를 사용하여 생성한 도시 청사진의 이미지 예시

9) 고요한 석호

HEX: #F1F5F8 #C9D4DE #93A7B6 #5F7787 #34444F

분위기: 고요한, 균형 잡힌, 스파 같은

최적 용도: 명상 앱 UI

황혼의 고요한 물처럼 고요하고 균형 잡혀 있으며, 이 톤들은 쉽고 스파 같은 리듬을 만듭니다. 앱의 그레이 블루 컬러 팔레트로서 명확한 위계를 지원하면서도 화면을 차분하게 유지합니다. 무미건조한 느낌을 피하기 위해 부드러운 그라디언트, 둥근 컴포넌트, 부드러운 크림 하이라이트와 짝을 이루세요. 사용 팁: 가장 어두운 색조는 주요 액션용으로 예약하고 나머지는 모두 낮은 대비로 유지하여 안정감을 주세요.

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

10) 실버라인 나이트

HEX: #D9E1E8 #A9B7C3 #6F8798 #3D5564 #131B22

분위기: 세련된, 야행성의, 프리미엄

최적 용도: 핀테크 랜딩 페이지

젖은 포장도로 위의 도시 불빛처럼 세련되고 야행성인 이 팔레트는 프리미엄하고 안전한 느낌을 줍니다. 공격적인 색상 없이 신뢰감을 원하는 핀테크 브랜드를 위한 강력한 회청색 조합입니다. 선명한 흰색 타이포그래피, 얇은 선 아이콘, 하이라이트를 위한 절제된 시안 액센트와 함께 사용하세요. 사용 팁: 가장 어두운 음영은 히어로 섹션에 사용하고 사용자가 스크롤할수록 가장 밝은 톤으로 페이드하세요.

media.io를 사용하여 생성된 실버라인 나이트의 이미지 예시

11) 노르딕 슬레이트

HEX: #F7F8F9 #D3D9DE #9CAAB5 #667784 #2F3C45

분위기: 스칸디나비아풍, 깨끗한, 아늑한

최적 용도: 미니멀 주방 스타일링

스칸디나비아 겨울 아침처럼 깨끗하고 아늑하며, 이 음영들은 부드럽지만 목적이 있는 느낌을 줍니다. 연한 나무, 무광 세라믹, 단순한 하드웨어가 있는 미니멀리스트 주방에 적합합니다. 차가운 베이스에 생기를 불어넣기 위해 은은한 세이지 식물이나 따뜻한 황동 손잡이를 추가하세요. 사용 팁: 공간에서 중간 회청색을 두 번 반복하여 우연이 아닌 의도적인 느낌을 주세요.

media.io를 사용하여 생성된 노르딕 슬레이트의 이미지 예시

12) 글래시어 잉크

HEX: #EAF1F7 #C2D1E0 #89A2B8 #4E6A82 #223243

분위기: 선명한, 밝은, 고대비

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

빙하 얼음 위의 빛처럼 선명하고 밝으며, 이 세트는 콘텐츠를 날카롭고 현대적으로 유지합니다. 차트, 콜아웃 및 제목에 명확한 대비가 필요한 슬라이드 덱에 특히 잘 작동합니다. 주요 숫자를 강조하기 위해 코랄이나 앰버 같은 단일 따뜻한 액센트와 함께 사용하세요. 사용 팁: 차트 그리드를 매우 밝게 유지하고 가장 어두운 음영은 데이터 레이블과 합계에만 사용하세요.

media.io를 사용하여 생성된 글래시어 잉크의 이미지 예시

13) 클라우디 피어

HEX: #F0F3F6 #D0DAE3 #A0B0BE #6A8092 #3B4B59

분위기: 부드러운, 해양의, 편안한

최적 용도: 카페 메뉴 디자인

흐린 하늘 아래 조용한 부두처럼 부드럽고 해양적이며, 이 색상들은 편안하고 매력적인 느낌을 줍니다. 부드러운 해안 분위기와 함께 가독성을 원하는 카페 메뉴에 적합합니다. 크림색 종이, 단순한 선 일러스트레이션, 커피 노트를 위한 따뜻한 갈색 터치와 함께 사용하세요. 사용 팁: 섹션 헤더에는 중간톤을 사용하고 명확성을 위해 가장 밝은 배경에 항목 텍스트를 유지하세요.

media.io를 사용하여 생성된 클라우디 피어의 이미지 예시

14) 오션 콘크리트

HEX: #E4E9EE #B7C3CD #8396A6 #546A79 #2B3943

분위기: 산업적인, 균형잡힌, 현대적인

최적 용도: 현대 사무실 인테리어

콘크리트를 관통하는 바다 공기처럼 산업적이면서도 차분하며, 이 믹스는 현대적이고 살기 좋은 느낌을 줍니다. 특히 검은 철강, 월넛, 질감있는 직물이 있는 집중이 필요한 사무실에 이상적입니다. 벽과 넓은 표면에는 가장 밝은 두 음영을 사용한 다음 러그나 음향 패널을 통해 더 깊은 톤을 도입하세요. 사용 팁: 공간이 너무 차갑게 보이지 않도록 따뜻한 광원 하나를 추가하세요.

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

15) 블루 애시 미니멀

HEX: #F8FAFB #D9E1E7 #AAB7C2 #738595 #384650

분위기: 미니멀한, 부드러운, 깔끔한

최적 용도: 이력서 및 CV 템플릿

재로 물든 종이처럼 미니멀하고 부드러우며, 이 톤들은 레이아웃을 깔끔하고 자신감있게 유지합니다. 무거운 상자나 시끄러운 색상 없이 구조를 원하는 이력서에 적합합니다. 깔끔한 산세리프와 섹션 구분선을 위한 따뜻한 회색 터치와 함께 사용하세요. 사용 팁: 제목에는 중간톤을 사용하고 최대 가독성을 위해 거의 흰색 위에 본문 텍스트를 유지하세요.

media.io를 사용하여 생성된 블루 애시 미니멀의 이미지 예시

16) 스토미 리넨

HEX: #EFEFEF #C9D1D7 #94A2AE #5E717F #2D3A43

분위기: 질감있는, 따뜻한-차가운, 시대를 초월한

최적 용도: 침실 색상 스타일링

구겨진 린넨 위의 폭풍우 구름처럼 질감있고 시대를 초월하며, 이 믹스는 편안하고 성숙한 느낌을 줍니다. 차가운 고요함을 원하지만 여전히 따뜻함을 갈망하는 침실에 적합합니다. 오트밀 침구, 천연 황마, 정의를 위한 부드러운 검은색 액센트와 함께 사용하세요. 사용 팁: 방이 단색이 아닌 의도적으로 보이도록 직물에 두 가지 중간톤을 겹치세요.

media.io를 사용하여 생성된 스토미 리넨의 이미지 예시

17) 페블웨이브

HEX: #E8EEF2 #C1CCD5 #8B9EAD #5A7180 #2E3D47

분위기: 자연스러운, 균형잡힌, 조용히 활기찬

최적 용도: 아웃도어 기어 제품 광고

움직이는 물 아래 매끄러운 자갈처럼 자연스럽고 안정적이며, 이 색조들은 조용히 활기찬 느낌을 줍니다. 제품 디테일이 돋보여야 하는 아웃도어 기어 광고를 위한 신뢰할 수 있는 배경을 만듭니다. 기능적 하이라이트를 위해 세이프티 오렌지나 라임 같은 단일 팝 컬러와 함께 사용하세요. 사용 팁: 배경을 중간-밝게 유지하고 깊이를 위해 가장 깊은 두 톤으로 그림자를 푸시하세요.

media.io를 사용하여 생성된 페블웨이브의 이미지 예시

18) 뮤지엄 월

HEX: #F3F5F6 #D2D9DE #A5B2BC #6B7F8E #34414A

분위기: 조용한, 큐레이션된, 세련된

최적 용도: 갤러리 이벤트 초대장

부드러운 트랙 조명 아래 미술관 벽처럼 조용하고 큐레이션된 느낌으로, 이 세트는 세련되고 의도적인 느낌을 줍니다. 타이포그래피가 주인공인 우아한 초대장에 완벽합니다. 충분한 여백, 세련된 세리프체, 광택을 위한 하나의 작은 금속 디테일과 함께 사용하세요. 사용 팁: 배경을 밝게 인쇄하고 가장 어두운 음영이 이름, 날짜 및 계층을 처리하도록 하세요.

media.io를 사용하여 생성된 뮤지엄 월의 이미지 예시

19) 미드나잇 헤이즈

HEX: #DCE4EA #AEBCC7 #7890A0 #445E6F #0F1720

분위기: 드라마틱한, 세련된, 현대적인

최적 용도: 음악 앱 재생 중 UI

네온 없는 거리 위의 자정 안개처럼 드라마틱하고 세련되며, 이 톤들은 현대적인 분위기를 설정합니다. 여기의 회청색 조합은 컨트롤을 읽기 쉽게 유지하면서 앨범 아트를 돋보이게 합니다. 미묘한 그라데이션과 재생 상태를 위한 소프트 틸이나 마젠타 같은 단일 액센트 색상과 함께 사용하세요. 사용 팁: 플레이어 배경에는 거의 검은색을 사용하고 대비를 위해 가장 밝은 음영에 텍스트를 유지하세요.

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

20) 노티컬 페이퍼

HEX: #FAFAF8 #D8E0E6 #A7B6C2 #6C8292 #2E3C46

분위기: 클래식한, 깨끗한, 인쇄 친화적

최적 용도: 문구류 및 레터헤드

해양 힌트가 있는 선명한 문구류처럼 클래식하고 깨끗하며, 이 색상들은 신뢰할 수 있고 시대를 초월한 느낌을 줍니다. 회청색 팔레트로서 인쇄에서 세련되게 보여야 하는 레터헤드, 송장, 브랜드 문구류에 적합합니다. 질감있는 오프화이트 용지와 서명 및 스탬프를 위한 깊은 잉크 같은 톤과 함께 사용하세요. 사용 팁: 로고는 하나의 어두운 음영으로 유지하고 프리미엄 마감을 위해 페이지당 두 가지 이상의 색상을 사용하지 마세요.

media.io를 사용하여 생성된 노티컬 페이퍼의 이미지 예시

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

따뜻한 중성색이 가장 쉬운 매치입니다: 아이보리, 오트밀, 베이지, 따뜻한 회색은 회청색이 차분하고 현대적으로 유지되도록 하면서 구성을 매력적으로 유지합니다. 인테리어에서는 차가운 캐스트를 부드럽게 하기 위해 천연 나무 톤(오크, 월넛)을 추가하세요.

대비를 위해 타이포그래피와 구조에 깊은 차콜이나 거의 검은색을 사용한 다음 CTA 및 주요 숫자와 같은 초점을 위해 작은 밝은 액센트(코랄, 앰버 또는 터코이즈)를 도입하세요.

더 유기적인 룩을 위해 은은한 녹색(세이지, 유칼립투스)이나 점토 같은 테라코타를 시도하세요. 이들은 현대적이지만 임상적이지 않은 균형잡힌 따뜻한-차가운 긴장감을 만듭니다.

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

그냥 "예쁜 색상"이 아닌 역할로 시작하세요: 가장 밝은 음영을 배경에, 두 번째로 밝은 것을 표면/카드에, 중간톤을 내비게이션 및 테두리에, 가장 어두운 음영을 텍스트, 아이콘 및 기본 작업에 할당하세요.

"차가운 기업" 분위기를 피하기 위해 채도를 절제하세요. 레이아웃이 너무 얼음 같은 느낌이 든다면 재료(종이 질감, 린넨, 나무)나 상태 및 하이라이트에 일관되게 사용되는 단일 따뜻한 액센트로 따뜻하게 하세요.

인쇄 및 브랜딩에서는 활성 팔레트를 2-3개 톤으로 제한하고 나머지는 보조 틴트로 사용하세요. 그 규율이 회청색 구성을 프리미엄하고 의도적으로 느끼게 만드는 것입니다.

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

실제 맥락(대시보드, 침실, 패키징 또는 초대장)에서 이러한 회청색 톤을 보고 싶다면 텍스트 프롬프트로 빠른 개념 비주얼을 생성하세요. 이것은 프로덕션에 커밋하기 전에 대비, 분위기 및 재료 페어링을 검증하는 데 도움이 됩니다.

Media.io를 사용하면 프롬프트를 몇 분 안에 깔끔한 목업과 스타일링된 장면으로 전환한 다음 동일한 중성 베이스를 유지하면서 액센트(코랄 대 터코이즈 같은)를 교체하여 반복할 수 있습니다.

형식(UI, 포스터, 인테리어), 조명 및 재료를 설명한 다음 결과를 일관되게 유지하기 위해 "팔레트에 맞춘 색상"을 추가해 보세요.

다음: 청록색 파란색 컬러 팔레트