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

그레이 화이트 컬러 팔레트는 디자인을 깨끗하고 현대적이며 의도적인 느낌을 주는 가장 빠른 방법입니다. 콘텐츠와 싸우지 않고도 대조, 계층 구조 및 호흡 공간을 제공합니다.

아래는 UI, 브랜딩, 인쇄 및 인테리어에 사용할 수 있는 20개의 회색 및 흰색 팔레트 조합(헥스 코드 포함)과 Media.io로 다시 만들 수 있는 예제 프롬프트입니다.

회색 흰색 팔레트가 그렇게 잘 작동하는 이유

회색과 흰색의 색상 조합은 자연스럽게 유연합니다. 따뜻하게(크리미한 흰색 + 회갈색 회색) 또는 시원하게(파란색 기울기 회색 + 선명한 흰색) 보이면서 최소화되고 읽기 쉽습니다.

그들은 또한 신뢰할 수 있는 계층을 만듭니다. 화이트에서 차콜으로 몇 단계만 걸으면 섹션을 분리하고, 카드의 깊이를 구축하고, 시각적 노이즈를 추가하지 않고도 버튼이나 헤드라인에 주의를 기울일 수 있습니다.

가장 중요한 것은 중립적인 톤이 콘텐츠를 영웅으로 만든다는 것입니다. 팔레트가 주의를 끌기 위해 경쟁하지 않을 때 사진, 제품, 타이포그래피 및 데이터 시각화가 더 프리미엄해 보이는 경향이 있습니다.

20개 이상의 회색 흰색 색상 팔레트 아이디어(헥스 코드 포함)

1) 서리로 된 콘크리트

16 진수:#f6f6f4 #e3e4e6 #c7c9cc #8e9096 #2f3033

기분:시원한, 접지, 건축

다음에 가장 적합합니다.산업용 로프트 인테리어

시원하고 건축적인 이 톤은 겨울 빛 아래에서 광택이 나는 콘크리트처럼 느껴집니다. 미묘한 대비가 중요한 벽, 캐비닛, 빌트인과 같은 큰 표면에서 아름답게 작동합니다. 무광택 검은색 하드웨어, 브러시드 스틸 또는 따뜻한 오크와 함께 사용하여 멸균감을 방지하세요. 사용 팁: 가장 어두운 숯을 장식이나 창틀에 바르면 공간을 압도하지 않고 날카롭게 할 수 있습니다.

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

미디어.io

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

지금 무료로 시도해 보세요

2) 겨울 린넨

16 진수:#fbfaf7 #f0eee8 #d9d6cf #b0aea7 #4a4946

기분:따뜻한, 차분한, 친밀한

다음에 가장 적합합니다.결혼식 초대장

따뜻하고 차분한 리넨 원단, 벨럼 종이, 부드러운 촛불처럼 읽어집니다. 크리미한 흰색은 타이포그래피를 우아하게 유지하고, 짙은 회색은 이름과 날짜에 충분한 구조를 더해줍니다. 금박, 블러셔 악센트 또는 프레스 플라워 일러스트레이션과 함께 로맨틱한 마무리를 연출하세요. 사용 팁: 배경을 오프화이트로 유지하고 제목에는 가장 어두운 톤을 예약하여 인쇄 선명도를 유지하세요.

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

3) 흑연 안개

16 진수:#ffffff #e7e8ea #bfc2c7 #6b6f77 #1f2228

기분:세련되고 현대적이며 집중적입니다.

다음에 가장 적합합니다.다크 모드 앱 UI

세련되고 집중된 이 범위는 흑연 위로 안개가 굴러가는 것 같은 느낌이 들며, 선명한 하이라이트가 있어 읽기 쉽습니다. 계층 구조가 시끄러운 색상보다는 미묘한 단계에 의존하는 다크 모드 인터페이스에 적합합니다. 활성 상태와 알림을 위해 시안이나 라임과 같은 하나의 전기 악센트와 페어링합니다. 사용 팁: 메인 캔버스에는 거의 검은색을 사용하고 카드는 중간 회색을 사용하여 진흙탕 대비를 방지합니다.

media.io를 사용하여 생성된 흑연 미스트의 이미지 예

4) 갤러리 벽

16 진수:#f8f8f8 #ededed #cfcfcf #9a9a9a #2a2a2a

기분:깨끗하고, 큐레이팅되고, 미니멀리스트

다음에 가장 적합합니다.미술관 브랜딩

깨끗하고 큐레이팅된 이곳은 흰색 벽, 부드러운 트랙 조명, 예술 작품 주변의 조용한 부정적인 공간을 연상시킵니다. 이 그레이 화이트 컬러 팔레트는 프리미엄을 느끼면서도 콘텐츠를 선도해야 하는 브랜드에 이상적입니다. 전시회 하이라이트나 이벤트 태그를 위해 단일 굵은 시그니처 색상과 페어링합니다. 사용 팁: 로고를 숯불에 넣고 밝은 회색으로 배경을 처리하여 인쇄물이 선명하게 유지됩니다.

media.io를 사용하여 생성된 갤러리 벽의 이미지 예

5) 강철 & 눈

16 진수:#fafbfd #dfe6ee #b9c3cf #6c7a89 #22272e

기분:산뜻하고, 기술 발전적이며, 통풍이 잘 됩니다.

다음에 가장 적합합니다.기술 제품 랜딩 페이지

산뜻하고 기술적으로 선진적인 이 시원한 회색은 브러시드 스틸에 눈이 부딪히는 것 같은 느낌이 듭니다. 톤은 무거운 테두리 없이 섹션과 카드에 깊이를 만들어 현대 웹 레이아웃에 완벽합니다. 이와 같은 회색 흰색 색상 조합은 코발트, 청록색 또는 네온 그린 CTA와 잘 어울리며 즉각적인 초점을 맞출 수 있습니다. 사용 팁: 영웅 공간에 가장 밝은 색조를 사용하고 탐색에 슬레이트 회색을 사용하여 페이지를 고정합니다.

media.io를 사용하여 생성된 steel & snow의 이미지 예

6) 진주숯

16 진수:#f5f3f4 #e0dde0 #b8b2b9 #7a747d #2b262e

기분:소프트, 럭셔리, 세련된

다음에 가장 적합합니다.뷰티 포장

부드럽고 고급스러운 팔레트는 세면대 거울에 비친 진주 가루와 연기가 나는 숯처럼 읽혀집니다. 미묘한 대비가 품질과 절제력을 나타내는 화장품에 잘 적합합니다. 로즈 골드 호일, 광택 있는 검은색 모자 또는 차분한 보라색 악센트와 함께 매치하여 현대적인 부티크 느낌을 연출하세요. 사용 팁: 사본을 가장 어두운 그늘에 보관하고 보조 패널에는 중간 톤을 사용하여 눈부심 아래에서 라벨을 읽기 쉽게 유지합니다.

media.io를 이용하여 생성된 진주숯의 이미지 예

7) 안개가 낀 항구

16 진수:#f2f5f4 #d6dcda #aeb8b5 #6a7774 #2d3534

기분:안개가 자욱한, 해안, 편안한

다음에 가장 적합합니다.코스탈 호텔 로비

안개가 끼고 편안한 곳은 해안선 근처의 바다 안개, 유목, 슬레이트 돌을 떠올리게 합니다. 녹색-회색 노트는 특히 개방된 공공 공간에서 중립이 평평하게 느껴지는 것을 방지합니다. 샌드 베이지, 풍화된 나무, 따뜻한 황동과 함께 매치하면 환영하는 해안 분위기를 연출할 수 있습니다. 사용 팁: wayfinding signage에서 가장 어두운 톤을 사용하여 창백한 벽에 비해 읽을 수 있도록 하세요.

media.io를 사용하여 생성된 foggy harbor의 이미지 예제

8) 모노크롬 스튜디오

16 진수:#fcfcfc #f1f1f1 #d5d5d5 #7d7d7d #1a1a1a

기분:날카로운, 편집, 시대를 초월한

다음에 가장 적합합니다.포트폴리오 웹사이트

날카롭고 시대를 초월한, 검은 깃발과 깨끗한 종이 배경이 있는 밝은 스튜디오처럼 느껴집니다. 강력한 엔드포인트는 최소한의 스타일링에도 불구하고 타이포그래피와 이미지를 의도적으로 보이게 합니다. 호버 상태와 프로젝트 태그에 대한 악센트 색상 하나와 페어링하되 자제하십시오. 사용 팁: 흰색 섹션의 눈부심을 줄이기 위해 본문 텍스트를 순수한 검정색이 아닌 짙은 회색으로 설정합니다.

media.io를 사용하여 생성된 monochrome studio의 이미지 예

9) 연약한 슬레이트

16 진수:#f7f8fa #e1e4ea #c2c7d0 #7b8391 #343a44

기분:전문적이고, 차분하고, 신뢰할 수 있는

다음에 가장 적합합니다.기업 보고서

전문적이고 차분한 이 파란색 그레이는 세련된 슬라이드, 깔끔한 테이블, 신뢰할 수 있는 데이터를 제안합니다. 차트가 거친 선 없이 분리되어야 하는 보고서에 매우 적합합니다. 주요 지표와 콜아웃을 위해 네이비나 에메랄드와 같은 절제된 악센트와 함께 사용하세요. 사용 팁: 페이지 배경에 가장 옅은 색조를 사용하고 제목에 슬레이트를 예약하여 긴 문서를 쉽게 스캔할 수 있습니다.

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

10) 마블 레저

16 진수: #f9f9f9 #e8e7e5 #c9c6c0 #9a968f #3a3936

기분: 우아하고, 고요하고, 세련된

다음에 가장 적합합니다. 럭셔리 욕실 디자인

우아하고 고요하며, 대리석 무늬, 석회암 타일, 부드러운 호텔 조명을 연상시킵니다. 따뜻한 그레이는 공간을 임상적이기보다는 스파 같은 느낌으로 유지합니다. 샴페인 메탈 마감, 크림색 타월, 옅은 목재와 조합하여 편안한 럭셔리 룩을 연출하세요. 사용 팁: 중간 톤 그레이를 그라우트나 석재 디테일에 반영하여 전체 공간이 조화롭게 느껴지도록 하세요.

media.io를 사용하여 생성된 마블 레저의 이미지 예시

11) 클라우드 오피스

16 진수: #ffffff #f2f4f7 #d6dbe3 #9aa3b2 #2e3440

기분: 명확하고, 통풍이 잘 되고, 생산적인

다음에 가장 적합합니다. SaaS 대시보드

명확하고 통풍이 잘 되며, 조용한 사무실의 큰 창문을 통한 자연광 같은 느낌입니다. 이 그레이 화이트 컬러 스킴은 차분한 표면과 명확한 계층 구조가 필요한 대시보드에 적합합니다. 기본 버튼에는 단일 브랜드 색상을 사용하고 상태 및 알림에는 미묘한 틴트를 사용하세요. 사용 팁: 그리드 라인을 매우 얇게 유지하고 구조를 위해 간격과 중간 그레이에 의존하세요.

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

12) 콰이엇 로프트

16 진수: #f4f4f2 #deddd9 #b9b6af #86827a #3c3a35

기분: 아늑하고, 현대적이고, 생활감 있는

다음에 가장 적합합니다. 현대적인 아파트 스테이징

아늑하고 생활감 있으며, 이 따뜻한 뉴트럴은 울 담요, 천연 종이, 부드러운 그림자를 연상시킵니다. 나무 바닥을 돋보이게 하고 공간을 잘 촬영되게 만들기 때문에 스테이징에 이상적입니다. 테라코타 세라믹, 올리브 식물, 질감 있는 텍스타일과 조합하여 따뜻함을 더하세요. 사용 팁: 가장 어두운 색조를 액자와 조명에만 절제되게 사용하여 방이 밝게 유지되도록 하세요.

media.io를 사용하여 생성된 콰이엇 로프트의 이미지 예시

13) 스노캡 브랜딩

16 진수: #ffffff #f5f5f5 #dadada #a3a3a3 #2c2c2c

기분: 깔끔하고, 자신감 있고, 다재다능한

다음에 가장 적합합니다. 스타트업 로고 및 피치 덱

깔끔하고 자신감 있으며, 선명한 잉크와 현대적인 타이포그래피가 있는 신선한 종이처럼 보입니다. 대비가 너무 거칠지 않으면서도 로고, 아이콘, 차트에 충분히 강합니다. 코발트, 코랄, 라임 같은 대담한 브랜드 액센트와 잘 어울리는 그레이 화이트 컬러 조합입니다. 사용 팁: 슬라이드를 대부분 밝게 유지하고 차콜은 제목과 주요 숫자에만 사용하세요.

media.io를 사용하여 생성된 스노캡 브랜딩의 이미지 예시

14) 애쉔 미니멀

16 진수: #f8f7f6 #e2e0de #c6c2bf #8f8a86 #3b3836

기분: 단순하고, 부드럽고, 절제된

다음에 가장 적합합니다. 제품 사진 배경

단순하고 절제되며, 부드러운 석고, 재, 확산된 스튜디오 조명을 연상시킵니다. 이러한 톤은 공격적인 대비나 색상 편향 없이 제품을 돋보이게 합니다. 크라프트지, 린넨, 세라믹과 같은 하나의 촉각적 소재와 조합하여 샷에 깊이를 더하세요. 사용 팁: 중간 그레이를 표면으로 사용하고 가장 밝은 색조는 심리스 배경 스윕에 유지하세요.

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

15) 실버 버치

16 진수: #f6f7f5 #e0e4dd #c0c7bf #879186 #2f352f

기분: 신선하고, 자연스럽고, 균형 잡힌

다음에 가장 적합합니다. 에코 스킨케어 라벨

신선하고 자연스러우며, 자작나무 껍질, 세이지 잎, 이른 아침 빛을 암시합니다. 녹색-회색 언더톤은 클린 뷰티 및 웰니스 브랜드에 적합한 유기적 느낌을 더합니다. 재활용 종이 질감과 유칼립투스나 클레이 같은 차분한 식물 액센트와 조합하세요. 사용 팁: 성분 블록은 가장 밝은 배경에 유지하고 가독성을 보장하기 위해 규제 텍스트에는 깊은 톤을 사용하세요.

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

16) 폴라 나이트

16 진수: #fdfdfd #d9dde1 #a7adb5 #515a66 #0f141b

기분: 드라마틱하고, 영화 같고, 고대비의

다음에 가장 적합합니다. 영화 포스터

드라마틱하고 영화 같으며, 달빛 아래 눈과 깊고 잉크 같은 지평선처럼 느껴집니다. 넓은 대비 범위는 대담한 타입, 무디한 그라디언트, 강한 실루엣을 지원합니다. 타이틀 강조를 위해 크림슨이나 일렉트릭 블루 같은 단일 채도 높은 액센트와 조합하세요. 사용 팁: 배경 질감에는 중간 그레이를 유지하여 거의 검은색인 텍스트와 초점 요소가 선명하게 유지되도록 하세요.

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

17) 콘크리트 시크

16 진수: #f3f3f3 #d8d8d8 #b2b2b2 #707070 #252525

기분: 도시적이고, 스타일리시하고, 현대적인

다음에 가장 적합합니다. 레스토랑 메뉴

도시적이고 스타일리시하며, 콘크리트 카운터, 브러시드 메탈, 어둑한 다이닝룸을 연상시킵니다. 이 그레이 화이트 컬러 팔레트는 레이아웃을 깔끔하게 유지하면서 가격과 섹션 헤더를 강조하기 때문에 메뉴에 강력하게 적합합니다. 시그니처 요리에는 딥 레드나 허브 그린 같은 색상 팝을 더하세요. 사용 팁: 가장 밝은 색조는 작은 텍스트에 사용하지 말고 미세 인쇄는 가독성을 위해 중간 그레이에 유지하세요.

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

18) 미스티드 타입

16 진수: #fafafa #e6e8eb #c8ccd3 #818896 #303643

기분: 사려 깊고, 문학적이고, 현대적인

다음에 가장 적합합니다. 책 표지

사려 깊고 문학적이며, 부드러운 안개, 겹겹이 쌓인 종이, 조용한 서점을 암시합니다. 더 차가운 중간 톤은 특히 논픽션과 현대 소설에서 시끄러운 색상 없이도 제목을 돋보이게 합니다. 그레인, 수채화 워시, 미묘한 사진 오버레이 같은 하나의 질감 요소와 조합하세요. 사용 팁: 저자 이름은 가장 어두운 톤으로 유지하고 제목은 슬레이트 색조로 설정하여 세련된 계층 구조를 만드세요.

media.io를 사용하여 생성된 미스티드 타입의 이미지 예시

19) 노르딕 키친

16 진수: #fcfbf9 #ecebe7 #d1cec7 #9c978d #3f3c36

기분: 밝고, 가정적이고, 스칸디나비아의

다음에 가장 적합합니다. 스칸디나비아 주방

밝고 가정적이며, 페인트칠한 캐비닛과 옅은 석재 조리대에 비치는 아침 빛처럼 느껴집니다. 약간 따뜻한 그레이는 화이트가 너무 딱딱해 보이는 것을 방지하며, 반사 표면이 많은 주방에 이상적입니다. 밝은 애쉬 우드, 무광 블랙 피팅, 부드러운 그린 식물과 조합하여 균형을 맞추세요. 사용 팁: 공간을 안정시키기 위해 아일랜드나 하부 캐비닛에 더 깊은 그레이를 사용하세요.

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

20) 스토미 스테이셔너리

16 진수: #f7f7f9 #e2e3e8 #bfc3cc #6d7380 #242832

기분: 세련되고, 현대적이고, 약간 무디한

다음에 가장 적합합니다. 미니멀 스테이셔너리 세트

약간의 무드가 있는 세련됨으로, 비 오는 오후, 매끄러운 종이, 깨끗한 잉크 라인을 떠올리게 합니다. 차가운 그레이는 레터헤드, 봉투, 노트카드를 엄격하지 않으면서도 전문적으로 느껴지게 합니다. 네이비, 포레스트 그린, 차분한 버건디 같은 단일 스팟 컬러와 조합하여 시일과 작은 마크에 사용하세요. 사용 팁: 넓은 영역은 가장 밝은 톤으로 인쇄하고 어두운 색조는 모노그램과 연락처 세부 정보에 유지하세요.

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

그레이 화이트와 어울리는 색상은 무엇입니까?

그레이와 화이트는 중립적이고 예측 가능하기 때문에 거의 모든 액센트 컬러와 잘 어울립니다. 현대적인 UI 느낌을 위해서는 코발트, 시안, 라임, 코랄 같은 생생한 액센트를 시도하여 CTA와 활성 상태를 즉시 눈에 띄게 만드세요.

따뜻함을 원한다면 샌디 베이지, 카라멜, 테라코타, 소프트 블러시를 추가하세요—이들은 미니멀리스트 룩을 잃지 않으면서 모노크롬 디자인을 더욱 매력적으로 만듭니다.

프리미엄 또는 에디토리얼 브랜딩의 경우, 메탈릭(골드/로즈골드)과 깊은 톤(네이비, 포레스트 그린, 버건디)이 전체 팔레트를 통제하면서 풍부함을 더합니다.

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

각 톤에 대한 역할을 시작하세요: 가장 밝은 것은 배경용, 밝은-중간은 표면용(카드/섹션), 중간은 테두리와 구분선용, 어두운-중간은 보조 텍스트용, 차콜은 제목과 주요 숫자용입니다.

대비를 주의 깊게 살펴보세요—특히 화이트에서. 긴 읽기의 경우, 순수 블랙보다 깊은 그레이 텍스트가 종종 더 편안하며, 매우 밝은 그레이는 작은 타입보다는 넓은 영역에 사용해야 합니다.

평평한 룩을 피하려면 질감을 도입하세요: 미묘한 그레인, 부드러운 그림자, 종이/린넨 단서, 또는 상호작용 순간을 위한 단일 고채도 액센트.

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

브랜드 방향을 제시하거나 UI 무드보드를 구축하는 경우, 비주얼은 HEX 코드만큼 중요합니다. 그레이 화이트 컬러 스킴을 사실적인 장면(인테리어, 패키징, 포스터, 랜딩 페이지)으로 전환하면 결정이 더 빨라집니다.

Media.io의 텍스트-투-이미지 도구를 사용하면 프롬프트를 붙여넣고, 스타일을 반복하고, 프레젠테이션, 고객 리뷰 또는 콘텐츠 기획을 위한 일관된 예시를 생성할 수 있습니다.

위의 프롬프트를 시작점으로 사용한 다음, 귀하의 산업(예: "핀테크 대시보드" 또는 "스킨케어 라벨")과 선호하는 가로세로 비율로 교체하세요.

다음: 블랙 컬러 팔레트