화이트 브라운 색상 조합: 16진수 코드가 포함된 20가지 팔레트

화이트 브라운 컬러 팔레트는 통풍이 잘되는 화이트와 그라운드 브라운을 혼합하여 따뜻하고 깔끔하며 믿을 수 있는 느낌이 드는 디자인을 연출합니다. 시끄러운 색상에 의존하지 않고도 프리미엄 룩을 얻는 쉬운 방법입니다.

카페 메뉴에서 최소한의 UI에 이르기까지, 이 따뜻한 중립은 차분한 구조, 부드러운 대비, 인쇄와 디지털 모두에서 작동하는 자연스러운 "제작" 분위기를 제공합니다.

화이트 브라운 팔레트가 그렇게 잘 작동하는 이유

흰색은 선명함과 숨쉬는 공간을 가져다주고, 갈색은 무게감과 따뜻함, 자연스러운 느낌을 더합니다. 그들은 함께 현대적이고, 시대를 초월하고, "현실적"으로 읽히는 편안한 대비를 만듭니다.

이러한 팔레트는 유연합니다. 미니멀하고 편집적인 레이아웃을 위해 더 가벼워지거나 프리미엄하고 분위기가 좋은 브랜딩을 위해 더 깊은 코코아 톤으로 기울이세요. 또한 종이 그레인, 나무, 돌, 부드러운 그림자 등 질감과 아름답게 어울립니다.

색조가 친숙하기 때문에(크림, 커피, 모래, 호두) 흰색과 갈색 색상 구성표는 신뢰할 수 있고 접근하기 쉬운 느낌을 줍니다. 제품 라벨, 라이프스타일 브랜드 및 차분한 인터페이스에 이상적입니다.

20개 이상의 화이트 브라운 컬러 팔레트 아이디어(헥스 코드 포함)

1) 린넨 라떼

16 진수:#fbf6ef #efe2cf #d6bc9a #a67852 #4b2f22

기분:아늑하고, 매력적이며, 부드럽고 소박한 느낌

다음에 가장 적합합니다.카페 브랜딩 및 메뉴 디자인

비오는 아침에 에스프레소에 찐 우유가 소용돌이치는 것처럼 아늑하고 매력적입니다. 넉넉한 공백을 위해 옅은 린넨 톤을 사용하고 헤드라인과 칸막이를 위해 캐러멜 브라운을 사용하세요. 대비보다 따뜻함이 더 중요한 카페 로고, 메뉴, 로열티 카드에 맞습니다. 팁: 코팅되지 않은 스톡에 인쇄하여 태닝을 더욱 풍부하게 만들어줍니다.

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

미디어.io

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

지금 무료로 시도해 보세요

2) 대리석 모카

16 진수:#ffffff #f2f2f0 #cbb9a7 #8c6a52 #2c1d16

기분:세련된, 고급스러운, 편집

다음에 가장 적합합니다.럭셔리 스킨케어 포장

어두운 로스트 옆에 대리석 조리대가 놓인 것처럼 세련되고 고급스럽습니다. 거의 흰색 톤을 주요 표면으로 유지한 다음 모카와 에스프레소를 사용하여 타이포그래피와 재료 콜아웃을 사용합니다. 이 믹스는 메탈릭 호일이나 스팟 글로스와 아름답게 작동하여 프리미엄한 느낌을 줍니다. 팁: 작은 디테일을 위해 가장 짙은 갈색을 예약하여 팩이 여전히 통풍이 잘 되도록 하세요.

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

3) 오트밀크 스튜디오

16 진수:#f7f2ea #e7dccd #c8b29a #9a7657 #5a3c2a

기분:미니멀, 차분한, 현대적인

다음에 가장 적합합니다.라이프스타일 샵을 위한 2d ui 모형

차분하고 현대적이며, 오크 선반과 부드러운 직물이 있는 햇살이 비치는 스튜디오처럼요. 패널과 카드에 귀리와 모래 톤을 사용한 다음 주요 액션과 탐색에 호두를 사용하세요. 대비가 부드러워 긴 스크롤 쇼핑 페이지에 이상적입니다. 팁: 따뜻한 회색 아이콘과 페어링하면 UI가 차가워지지 않고 선명하게 유지됩니다.

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

4) 코코아 종이

16 진수:#fffaf3 #eadfce #c6aa8c #8a5c3c #3a241c

기분:수제, 접지, 따뜻한

다음에 가장 적합합니다.공예 초콜릿 포장 디자인

접힌 종이 랩과 코코아 팁 향처럼 수작업으로 만들어졌고 접지되었습니다. 브랜드 마크를 위해 크리미한 흰색을 유지하고 중간 갈색에는 패턴 작업과 성분 블록을 담게 합니다. 장인적인 모습이 필요한 소량 포장, 라벨, 선물 세트에 적합합니다. 팁: 평평한 인쇄를 피하기 위해 가장 밝은 톤에 미묘한 그레인 질감을 추가하세요.

media.io를 사용하여 생성된 코코아 페이퍼의 이미지 예

5) 모래 오두막

16 진수:#f5efe6 #e2d0ba #b69574 #7b543a #2b1a12

기분:소박한, 야외, 편안한

다음에 가장 적합합니다.mountain lodge 웹사이트 영웅

하이킹을 한 후 오두막 현관과 문에서 부츠를 신은 것처럼 소박하고 편안합니다. 옅은 모래를 배경으로 사용하고 밤을 가져와 튼튼하고 환영하는 느낌이 드는 헤드라인을 소개하세요. 자연 사진, 특히 상록수와 돌 질감과 잘 어울립니다. 팁: 밝은 패널에서 가독성을 유지하기 위해 본문 텍스트를 가장 어두운 갈색으로 유지하세요.

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

6) 도자기 밤

16 진수:#ffffff #f1ece6 #d0bfae #9b7558 #563525

기분:시대를 초월한, 세련된, 부드러운 대비

다음에 가장 적합합니다.웨딩 초대장 스위트

광택이 나는 나무 옆에 있는 도자기 접시처럼 시대를 초월하고 세련되었습니다. 공식적인 느낌을 위해 흰색을 지배적이게 유지한 다음 모노그램, 테두리 및 RSVP 세부 사항에 밤색을 사용하세요. 톤은 세리프 타입, 엠보싱, 봉투 라이너로 아름답게 보입니다. 팁: 인쇄물에서 갈색이 너무 주황색으로 변하지 않도록 따뜻한 흰색 종이를 선택하세요.

media.io를 사용하여 생성된 도자기 밤의 이미지 예

7) 바닐라 호두

16 진수:#fff7e8 #eddcc0 #c9a57b #8b6241 #3e2618

기분:달콤하고, 아늑하고, 다가가기 쉽습니다.

다음에 가장 적합합니다.베이커리 제품 라벨

구운 견과류 위에 바닐라 프로스팅을 얹은 것처럼 달콤하고 다가가기 쉽습니다. 라벨 베이스에는 버터 라이트 톤을 사용하고 제품 이름과 맛 배지에는 호두 색조를 사용하세요. 특히 항아리, 빵 봉지, 계절 스티커에 잘 어울립니다. 팁: 선반을 빠르게 스캔할 수 있도록 가장 짙은 갈색으로 작은 고대비 배지를 추가하세요.

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

8) 클레이 & 크림

16 진수:#fcf5ec #e8d2bd #c39b7d #9a6b4a #4a2b1f

기분:흙빛, 창의적, 장인

다음에 가장 적합합니다.세라믹 워크샵 전단지

손에 젖은 점토와 가마에서 데워진 선반처럼 흙과 창의적입니다. 크림이 헤드라인 공간을 차지한 다음 모양, 클래스 정보 및 가격 블록을 위해 점토와 테라코타 브라운을 겹쳐 둡니다. 냄비와 도구의 간단한 선 그림과 잘 어울립니다. 팁: 전단지를 쉽게 스캔할 수 있도록 행동 촉구를 위해 가장 어두운 음영을 유지하세요.

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

9) 카푸치노 드리프트

16 진수:#f9f4ee #e6d7c9 #bfa58c #7b5a45 #2a1a14

기분:편안한, 친밀한, 고전적인

다음에 가장 적합합니다. 북 커버 디자인

카푸치노 위의 폼 아트가 천천히 사라지는 것처럼 편안하고 친밀합니다. 배경 그라디언트에는 밝은 톤을 사용하고 문학적이고 따뜻한 느낌의 제목 레터링에는 미디엄 브라운을 사용하세요. 미묘한 종이 질감 및 미니멀한 일러스트레이션과 잘 어울립니다. 팁: 배경에 그레인이 포함된 경우 어두운 타입 주위에 얇은 흰색 키라인을 추가하세요.

media.io를 사용하여 생성된 카푸치노 드리프트 이미지 예시

10) 자작나무 껍질

16 진수: #fffdf8 #efe7db #cdbfae #8a6f57 #3b2a20

기분: 자연스러운, 경쾌한, 북유럽풍

다음에 가장 적합합니다. 인테리어 디자인 무드 보드

창백한 겨울 하늘을 배경으로 한 자작나무처럼 자연스럽고 경쾌합니다. 큰 블록에는 오프화이트와 연한 토프를 사용한 다음 가구 노트와 재료 라벨에 나무껍질 브라운을 추가하세요. 이 세트는 무광 블랙 조명 기구 및 은은한 세이지 악센트와 잘 어울립니다. 팁: 패턴은 미묘하게 유지하고 질감이 주요 역할을 하도록 하세요.

media.io를 사용하여 생성된 자작나무 껍질 이미지 예시

11) 앤티크 양피지

16 진수: #fff8e9 #ead8bf #c7ad88 #9a744f #5a3c25

기분: 빈티지, 학술적, 따뜻한

다음에 가장 적합합니다. 에디토리얼 매거진 스프레드

오래된 양피지 페이지와 가죽 책등처럼 빈티지하고 학술적입니다. 여백과 컬럼에는 가장 밝은 크림색을 사용한 다음 섹션 헤더와 풀 쿼트에는 더 풍부한 브라운을 사용하세요. 명확성만큼 편안함이 중요한 긴 형식 레이아웃에 적합합니다. 팁: 본문 텍스트에는 팔레트 내에서 자연스럽게 어울리도록 약간 따뜻한 블랙을 선택하세요.

media.io를 사용하여 생성된 앤티크 양피지 이미지 예시

12) 토스티드 아몬드

16 진수: #fdf6ee #ead9c9 #d2b49a #a37a56 #5b3926

기분: 친근한, 건강한, 햇살 가득한

다음에 가장 적합합니다. 푸드 블로그 레시피 카드

리넨 냅킨 위에 흩어진 토스트 아몬드처럼 친근하고 햇살이 가득합니다. 레시피 단계와 여백에는 연한 톤을 유지하고 제목과 재료 하이라이트에는 캐러멜 브라운을 사용하세요. 오버헤드 음식 사진 및 간단한 아이콘과 잘 어울립니다. 팁: 레이아웃이 각지지 않고 부드럽게 유지되도록 구분선에 중간 톤 브라운을 사용하세요.

media.io를 사용하여 생성된 토스티드 아몬드 이미지 예시

13) 에스프레소 글레이즈

16 진수: #faf2e7 #e3d1bf #b99378 #6b4632 #1f1410

기분: 대담한, 드라마틱한, 무디한

다음에 가장 적합합니다. 프리미엄 커피 제품 광고

크림 위에 부은 에스프레소 시럽처럼 대담하고 무디합니다. 헤드라인에는 거의 검은색인 에스프레소를 앵커로 사용한 다음 부드러운 베이지 네거티브 스페이스로 레이아웃을 밝게 하세요. 대비와 절제가 럭셔리하게 느껴지는 고급 광고에서 효과적입니다. 팁: 밝은 톤을 압도하지 않도록 가장 어두운 색상의 악센트 요소는 하나만 유지하세요.

media.io를 사용하여 생성된 에스프레소 글레이즈 이미지 예시

14) 밀크티 미니멀

16 진수: #fffaf6 #efe3da #d7c1b3 #a47b67 #5a3a2f

기분: 부드러운, 모던한, 절제된

다음에 가장 적합합니다. 웰니스 앱을 위한 2D UI 목업

투명한 유리잔에 담긴 밀크티처럼 부드럽고 절제되어 있습니다. 카드와 입력란에는 블러시 베이지 중간 톤을 사용한 다음 기본 버튼과 활성 상태에는 더 깊은 코코아를 사용하세요. 흐릿해 보이지 않으면서 차분한 온보딩 화면을 지원합니다. 팁: 인터페이스를 부드럽게 유지하려면 단단한 테두리 대신 미묘한 그림자를 추가하세요.

media.io를 사용하여 생성된 밀크티 미니멀 이미지 예시

15) 러스틱 갤러리

16 진수: #f8f4ef #e4d8cc #c0a894 #7f604c #3a2a23

기분: 큐레이션된, 따뜻한, 예술적인

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

따뜻한 트랙 조명과 나무 프레임이 있는 작은 갤러리처럼 큐레이션되고 예술적입니다. 사진이 돋보이도록 배경을 거의 흰색으로 유지한 다음 내비게이션과 캡션에는 토프와 브라운을 사용하세요. 이 톤은 작품에서 주의를 빼앗지 않으면서 조용하고 자신감 있는 모습을 지원합니다. 팁: 페이지가 가볍게 느껴지도록 가장 어두운 색상은 호버 상태에만 사용하세요.

media.io를 사용하여 생성된 러스틱 갤러리 이미지 예시

16) 데저트 코튼

16 진수: #fffdfb #f0e6db #d8c3ad #b08463 #6b4630

기분: 햇빛에 바랜, 편안한, 경쾌한

다음에 가장 적합합니다. 부티크 인테리어 사이니지

사막의 공기 중에 마르는 면 원단처럼 햇빛에 바래고 편안합니다. 네거티브 스페이스에는 연한 화이트를, 친근하게 느껴지는 길 찾기 및 가격 표시판에는 따뜻한 탠을 사용하세요. 황동 조명 기구, 라이트 오크, 말린 꽃과 잘 어울립니다. 팁: 따뜻한 조명 아래에서 가독성을 유지하도록 무광 비닐에서 중간 톤을 테스트하세요.

media.io를 사용하여 생성된 데저트 코튼 이미지 예시

17) 스톤 앤 스콘

16 진수: #f6f3ee #e2d8ce #bca998 #806452 #38261f

기분: 든든한, 아늑한, 균형잡힌

다음에 가장 적합합니다. 브런치 포스터 디자인

석기 접시 위의 따뜻한 스콘처럼 든든하고 아늑합니다. 포스터 필드에는 크림색 베이스를 사용한 다음 일러스트 블록과 일정에 중간 브라운을 레이어하세요. 이 톤은 동네 이벤트와 계절 메뉴에 환영받는 느낌을 줍니다. 팁: 추가 계층 단서가 필요한 경우 은은한 그린의 작은 포인트를 하나 추가하세요.

media.io를 사용하여 생성된 스톤 앤 스콘 이미지 예시

18) 시나몬 위스퍼

16 진수: #fff6ef #f0ddcf #d3b19a #b07a5a #5f3a2a

기분: 로맨틱한, 부드러운, 아늑한

다음에 가장 적합합니다. 수제 캔들 라벨

황혼의 따뜻한 공기 중 시나몬처럼 로맨틱하고 부드럽습니다. 부드러운 크림과 로지 탠은 아름다운 라벨 베이스를 만들며, 더 깊은 스파이스 브라운은 향 이름을 선명하게 합니다. 거칠지 않으면서도 가독성을 유지하기 때문에 소형 패키징을 위한 가장 쉬운 화이트 브라운 색상 조합 중 하나입니다. 팁: 차분한 분위기를 강조하려면 둥근 서체와 충분한 여백을 사용하세요.

media.io를 사용하여 생성된 시나몬 위스퍼 이미지 예시

19) 뮤지엄 세피아

16 진수: #fbfbf8 #ede6dc #cdbba8 #91725a #4a3227

기분: 역사적인, 사려 깊은, 세련된

다음에 가장 적합합니다. 전시회 브로슈어

조용한 박물관 홀의 세피아 사진처럼 역사적이고 사려 깊습니다. 넉넉한 여백에는 연한 중성색을 사용하고 제목과 섹션 탭은 따뜻한 브라운으로 안내하세요. 단색 이미지 및 따뜻한 회색의 정교한 룰과 잘 어울립니다. 팁: 작은 캡션의 대비를 높게 유지하려면 타입에 가장 어두운 두 가지 톤을 선택하세요.

media.io를 사용하여 생성된 뮤지엄 세피아 이미지 예시

20) 코코넛 코코아

16 진수: #fffefc #f1ede6 #d6c7b8 #9d7e66 #50372b

기분: 깔끔한, 유기농, 모던한

다음에 가장 적합합니다. 천연 비누 패키징

다크 코코아 위에 코코넛 조각을 뿌린 것처럼 깔끔하고 유기농입니다. 신선하고 재료 중심의 느낌을 위해 화이트를 사용한 다음 향 변형과 스탬프 마크에 코코아 브라운을 추가하세요. 탁해 보이지 않으면서 자연스럽게 느껴지기 때문에 에코 브랜드를 위한 균형 잡힌 화이트 브라운 색상 팔레트입니다. 팁: 모든 것을 하나로 묶기 위해 중간 톤의 작은 식물 선화를 추가하세요.

media.io를 사용하여 생성된 코코넛 코코아 이미지 예시

21) 윈터 모카 미스트

16 진수: #ffffff #f3f1ee #d9d0c6 #a98b77 #5a4237

기분: 부드러운, 경쾌한, 은은하게 따뜻한

다음에 가장 적합합니다. 홀리데이 이메일 헤더 디자인

따뜻한 머그잔을 손에 든 겨울 아침처럼 부드럽고 경쾌합니다. 차가운 느낌의 화이트는 레이아웃을 선명하게 유지하고 모카 브라운은 빨강이나 초록 없이 계절적 따뜻함을 더합니다. 이메일 헤더, 배너 및 간단한 프로모션 블록에서 잘 작동합니다. 팁: 무거운 채우기가 아닌 미묘한 눈 같은 점이나 패턴에 중간 톤을 사용하세요.

media.io를 사용하여 생성된 윈터 모카 미스트 이미지 예시

22) 비스킷 앤 바크

16 진수: #fff8f0 #edd9c8 #caa487 #855a3f #2f1d15

기분: 편안한, 자연적인, 강한 대비

다음에 가장 적합합니다. 러스틱 레스토랑 브랜딩

나무 보드 위의 비스킷처럼 편안하고 자연적입니다. 사이니지 배경에는 비스킷 크림을, 로고타입과 스탬프 스타일 마크에는 나무껍질 브라운을 사용하세요. 이러한 화이트 브라운 색상 조합은 질감이 있는 종이, 레터프레스 및 간단한 배지 로고와 특히 강하게 보입니다. 팁: 브랜드가 안정적으로 유지되도록 칠리 레드 점과 같은 아주 작은 하나의 요소로 악센트 색상을 유지하세요.

media.io를 사용하여 생성된 비스킷 앤 바크 이미지 예시

White Brown과 잘 어울리는 색상은 무엇입니까?

화이트와 브라운은 따뜻한 그레이, 부드러운 차콜, 은은한 그린(세이지, 올리브, 유칼립투스)과 자연스럽게 어울립니다. 이러한 추가는 UI 상태, 아이콘 및 타이포그래피 계층에 깊이를 더하면서 팔레트를 차분하게 유지합니다.

약간 더 프리미엄하거나 에디토리얼한 방향을 원한다면 메탈릭 악센트(골드, 브라스) 또는 잉크 같은 거의 블랙을 시도해보세요. 신선하고 모던한 변화를 원한다면 더스티 블루가 충돌 없이 따뜻함을 식힐 수 있습니다.

악센트 색상을 추가할 때는 배지, 링크 또는 단일 하이라이트처럼 작고 의도적으로 유지하여 따뜻한 중성 기반이 여전히 응집력 있게 느껴지도록 하세요.

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

메인 캔버스로 가장 밝은 화이트/크림으로 시작한 다음 보조 표면(카드, 패널, 라벨)에 하나의 중간 브라운을 할당하세요. 가독성을 보호하기 위해 텍스트, 아이콘 및 주요 CTA에 가장 어두운 브라운을 아껴서 사용하세요.

인쇄물에서 화이트-브라운 팔레트는 소재를 활용할 때 가장 잘 보입니다: 무코팅 종이, 미묘한 그레인, 엠보싱 또는 스팟 글로스. 디지털에서는 "탁한" 느낌을 피하기 위해 무거운 테두리를 부드러운 그림자와 따뜻한 그레이 구분선으로 바꾸세요.

대비가 너무 부드럽게 느껴진다면, 더 많은 색상을 추가하기보다는 크기(더 큰 제목), 간격(더 많은 여백), 질감(중간 톤에만 패턴)으로 분리감을 높이세요.

AI로 화이트 브라운 팔레트 비주얼 만들기

이 HEX 코드를 실제 목업(메뉴, 패키징, 포스터, UI 화면 등)에서 보고 싶으신가요? Media.io를 사용하면 단일 프롬프트로 브랜드에 맞는 비주얼을 생성하고 빠르게 반복 작업할 수 있습니다.

원하는 레이아웃, 스타일, 조명을 설명하고(예: "미니멀 스킨케어 라벨, 크림 배경, 모카 타이포그래피"), 프로젝트에 완벽하게 어울릴 때까지 다듬으세요.

다음: 그레이 라이트 블루 컬러 팔레트