모던 화이트 그린 톤: 20가지 팔레트 조합 + Hex

흰색과 녹색은 시대를 초월한 조합입니다. 흰색은 레이아웃을 깨끗하고 통기성이 좋게 유지하는 반면, 녹색은 생명력, 신선함, 자연스러운 균형감을 더해줍니다. 그들은 미니멀하고 환영하는 느낌이 들기 때문에 현대적인 UI, 포장 및 인쇄를 함께 작업합니다.

아래는 헥스 코드, 무드 노트, 각 계획을 적용하는 실용적인 방법이 포함된 큐레이팅된 화이트 그린 컬러 팔레트 아이디어와 AI 프롬프트를 재사용하여 빠르게 비주얼을 생성할 수 있습니다.

화이트 그린 팔레트가 그렇게 잘 작동하는 이유

흰색은 즉각적인 선명도를 만듭니다. 인지된 공간을 늘리고, 스캔 가능성을 향상시키며, 타이포그래피와 이미지를 선명하게 느낄 수 있도록 도와줍니다. 추위를 느끼지 않고 현대적인 단순함이 필요할 때 흰색은 이상적인 파운데이션입니다.

녹색은 음영에 따라 신선함, 성장, 평온함, 건강, 생태적 가치와 같은 감정과 의미를 더합니다. 부드러운 세이지는 세련되고 조용한 느낌이 들고, 생생한 봄 녹색은 활기차고 디지털한 느낌이 듭니다.

시스템으로서 흰색 + 녹색은 쉽게 확장할 수 있습니다. 흰색은 배경과 표면을 처리하고, 중간 녹색은 섹션과 구성 요소를 정의하며, 깊은 녹색은 텍스트, 아이콘 및 CTA에 접근 가능한 대비를 제공합니다.

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

1) 민트 린넨

16 진수:#f8f7f2 #dff3ea #a7d8c7 #4f8f77 #2f3a35

기분:통풍이 잘되고, 차분하고, 현대적입니다.

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

통풍이 잘되는 민트와 부드러운 린넨 화이트가 깨끗한 스튜디오에서 아침 빛처럼 느껴집니다. 옅은 베이스는 레이아웃을 열어 두는 반면, 더 깊은 녹색은 내비게이션과 키 상태를 고정합니다. 가는 선 아이콘, 충분한 간격, 따뜻한 회색 구분자와 함께 결합하여 가독성을 높입니다. 사용 팁: 선명성을 유지하기 위해 기본 버튼과 성공 메시지에 가장 어두운 녹색을 예약하세요.

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

미디어.io

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

지금 무료로 시도해 보세요

2) 세이지 갤러리

16 진수:#fbfbf7 #e6efe6 #b8cbb8 #6f8d77 #2e4738

기분:세련되고, 조용하고, 큐레이팅됨

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

갤러리 화이트에 조용한 세이지 톤이 액자 프린트와 차분한 관람실을 연상시킵니다. 섹션 배경에는 중간 세이지를 사용하고 헤더에는 짙은 녹색을 사용하여 박물관과 같은 계층을 만듭니다. 세리프 헤드라인, 얇은 테두리, 충분한 네거티브 공간과 잘 어울립니다. 사용 팁: 아트워크 색상이 그대로 유지되도록 순수한 흰색 블록에 이미지를 보관하세요.

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

3) 유칼립투스 미스트

16 진수:#f4faf7 #d7efe6 #9ccbbf #4d7f76 #1f2f2c

기분:신선한, 스파 같은, 편안한

다음에 가장 적합합니다.스킨케어 브랜드 아이덴티티

신선한 유칼립투스 미스트는 찐 수건과 잎이 많은 식물과 같이 깨끗하고 회복적인 느낌을 줍니다. 프리미엄한 느낌을 주는 화이트 그린 컬러 팔레트를 위해 배경을 거의 흰색으로 유지하고 파란색-녹색 미드톤이 브랜드를 전달하도록 하세요. 무광택 질감, 미니멀리스트 포장, 유형에 맞는 부드러운 검은색-녹색과 함께 매치하세요. 사용 팁: 밝은 민트를 넓은 필드 색상으로 사용하고 영웅 블록을 과도하게 포화시키지 마세요.

media.io를 사용하여 생성된 유칼립투스 미스트의 이미지 예

4) 알로에 도자기

16 진수:#ffffff #eaf6f0 #c5e6d6 #78b89a #2f5e49

기분:깨끗하고, 온화하고, 고양됩니다.

다음에 가장 적합합니다.웰빙 랜딩 페이지

알로에 그린을 곁들인 깨끗한 도자기 흰색은 가볍고 건강하며 낙관적인 느낌을 줍니다. 큰 섹션에는 옅은 녹색 워시를 사용하여 눈부심을 줄이고 페이지를 밝게 유지하세요. 둥근 UI 요소, 부드러운 그림자, 보조 악센트를 위해 모래와 같은 따뜻한 중립성과 잘 어울립니다. 사용 팁: CTA를 더 깊은 녹색에 두어 소리 지르지 않고 눈에 띄게 하세요.

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

5) 숲 대리석

16 진수:#f6f5f0 #dfe7de #98b59c #3f6b4a #1e2b22

기분:접지, 우아함, 시대를 초월한

다음에 가장 적합합니다.부티크 호텔 브로셔

대리석 같은 오프화이트에 접지된 숲의 녹색이 로비, 돌 질감, 조용한 고급스러움을 불러일으킵니다. 이러한 흰색과 녹색 색상 조합은 제목에 무게가 필요하고 본문 텍스트를 읽을 수 있는 브로셔에 잘 적합합니다. 금박 디테일, 두꺼운 종이 스톡, 미묘한 사진 오버레이와 함께 매치하세요. 사용 팁: 작은 텍스트에는 거의 검은색 녹색을 사용하고 큰 블록에만 중간 녹색을 유지하세요.

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

6) 피스타치오 스튜디오

16 진수:#fbfaf5 #e9f2dd #cde2a8 #8fb85c #3a4a2b

기분:화창하고, 장난기가 많고, 접근하기 쉬운

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

크리미한 흰색의 햇살 가득한 피스타치오 그린이 밝은 카페 카운터와 신선한 페이스트리처럼 느껴집니다. 메뉴 배경으로는 밝은 피스타치오를 사용하고 품목 이름과 가격은 어두운 올리브 녹색을 사용하세요. 손으로 그린 아이콘과 따뜻한 사진과 자연스럽게 어울린다. 사용 팁: 섹션당 악센트 색상을 하나씩 유지하여 메뉴를 쉽게 스캔할 수 있습니다.

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

7) 차 정원

16 진수:#f9f9f3 #e3f0e1 #b4d5b6 #6c9b74 #2b4a33

기분:아늑한, 자연스러운, 매력적인

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

부드러운 흰색의 아늑한 티가든 그린은 압착된 잎과 수제 종이를 연상시킵니다. 이름과 제목에 가장 깊은 녹색을 사용한 다음 부드러운 계층 구조를 위해 세부 사항을 더 밝은 세이지로 유지하세요. 수채화 꽃과 데크 가장자리 질감과 아름답게 어울립니다. 사용 팁: 뚜렷한 대비를 피하기 위해 따뜻한 흰색 스톡에 인쇄하세요.

media.io를 이용하여 생성된 티가든의 이미지 예

8) Seafoam 최소한

16 진수:#fcfffd #e5fbf4 #b8efe0 #5db9a2 #1f5a4b

기분:가볍고, 선명하고, 현대적인

다음에 가장 적합합니다.모바일 앱 온보딩 화면

밝은 흰색에 바삭바삭한 바닷거품이 연안의 공기처럼 현대적이고 바람이 풍긴다. 가장 옅은 톤을 전체 화면 배경으로 사용하고 일러스트레이션과 진행 상태를 위해 포화 된 바다 거품을 유지합니다. 기하학적 모양과 최소한의 복사와 잘 어울립니다. 사용 팁: 모든 작은 텍스트에 짙은 청록색을 사용하여 접근성을 보장합니다.

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

9) 올리브 수첩

16 진수:#f7f6f1 #e7eadf #c3c8ad #7f8760 #3b3f2d

기분:학문적이고, 진지하고, 신뢰할 수 있는

다음에 가장 적합합니다. 문구류 및 저널 커버

종이 화이트와 어우러진 흙빛 올리브는 잘 사용된 노트북과 조용한 책상을 연상시킵니다. 이와 같은 균형 잡힌 화이트 그린 색상 조합은 밝은 뉴트럴 톤이 주를 이루고 올리브가 구조적 역할을 할 때 가장 잘 작동합니다. 크래프트 텍스처, 단순한 라인 패턴, 차분한 검은색 잉크와 함께 사용하세요. 사용 팁: 미디엄 올리브로 얇은 테두리를 추가하면 커버가 더 완성도 있어 보입니다.

media.io를 사용하여 생성된 올리브 노트북 이미지 예시

10) 메도우 세라믹

16 진수: #fffdf8 #eef7e8 #cfe8c2 #86b77b #2f5a3a

기분: 아늑한, 신선한, 친근한

다음에 가장 적합합니다. 주방용품 제품 광고

따뜻한 화이트 위의 부드러운 메도우 그린은 유약을 바른 세라믹과 햇빛이 비치는 조리대를 연상시킵니다. 가장 밝은 톤을 배경으로 사용하고 중간 그린으로 제품 특징이나 콜아웃을 강조하세요. 천연 목재 소품과 심플한 산세리프 서체와 잘 어울립니다. 사용 팁: 반사를 미묘하게 유지하여 팔레트가 임상적이지 않고 부드럽게 유지되도록 하세요.

media.io를 사용하여 생성된 메도우 세라믹 이미지 예시

11) 뱀부 스파

16 진수: #f3f8f1 #d9edd2 #a9d3a0 #5f9c63 #2b4d2f

기분: 회복적인, 자연적인, 균형잡힌

다음에 가장 적합합니다. 스파 홍보 포스터

회복적인 대나무 그린은 수증기, 유칼립투스, 조용한 방을 연상시킵니다. 밝은 그린을 차분한 베이스로 사용하고 더 깊은 그린은 강한 헤드라인과 제안 세부사항에 사용하세요. 미니멀한 사진, 얇은 구분선, 충분한 여백과 잘 어울립니다. 사용 팁: 가격과 날짜에 대한 대비를 높게 유지하여 프로모션이 멀리서도 읽기 쉽도록 하세요.

media.io를 사용하여 생성된 뱀부 스파 이미지 예시

12) 에메랄드 초크

16 진수: #f8f9f6 #e0efe9 #9fd4c2 #2f8b6f #173a31

기분: 자신감 있는, 스마트한, 활기찬

다음에 가장 적합합니다. 교육 과정 슬라이드

초크 화이트와 함께하는 자신감 있는 에메랄드는 현대적인 교실과 선명한 화이트보드를 연상시킵니다. 이러한 화이트 그린 색상 조합은 거칠게 느껴지지 않으면서 타이틀에 강한 대비를 제공합니다. 간단한 차트, 둥근 강조 상자, 구조를 위한 밝은 회색 그리드와 함께 사용하세요. 사용 팁: 섹션 헤더에는 에메랄드를 사용하고 긴 읽기의 편안함을 위해 본문 텍스트는 거의 화이트에 가깝게 유지하세요.

media.io를 사용하여 생성된 에메랄드 초크 이미지 예시

13) 큐컴버 프레시

16 진수: #fdfffb #effae7 #d3f1b9 #86c55a #2d5320

기분: 상큼한, 깨끗한, 젊은

다음에 가장 적합합니다. 주스 바 브랜드 키트

밝은 화이트와 함께하는 상큼한 오이 그린은 산뜻하고 주스 같으며 젊게 느껴집니다. 로고, 스티커, 작은 하이라이트에 선명한 그린을 절제있게 사용하여 눈을 압도하지 않도록 하세요. 대담한 산세리프 타이포그래피와 밝은 조명의 과일 사진과 잘 어울립니다. 사용 팁: 바코드 및 성분 영역에 중성 회색-그린을 추가하여 포장을 깔끔하게 유지하세요.

media.io를 사용하여 생성된 큐컴버 프레시 이미지 예시

14) 펀 타이포그래피

16 진수: #fafcf8 #e6f2e0 #b9d4b1 #5e8a5c #233a26

기분: 문학적인, 차분한, 클래식한

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

부드러운 화이트 위의 차분한 양치류 그린은 조용한 독서 공간과 식물 판화를 연상시킵니다. 제목과 저자 이름에는 가장 어두운 그린을 사용하고, 악센트는 차분한 세이지로 유지하여 응집력 있는 느낌을 주세요. 세리프 타이포그래피와 미묘한 종이 질감과 잘 어울립니다. 사용 팁: 순수한 검은색을 피하고 깊은 그린이 대비를 위한 주요 역할을 하도록 하세요.

media.io를 사용하여 생성된 펀 타이포그래피 이미지 예시

15) 아이비 웨딩

16 진수: #fffefb #eef5ee #cfe1d2 #7aa688 #2f5a45

기분: 로맨틱한, 우아한, 자연적인

다음에 가장 적합합니다. 웨딩 웹사이트 및 RSVP

따뜻한 화이트 위의 로맨틱한 아이비 그린은 정원 서약과 잎이 무성한 아치를 연상시킵니다. 페이지 배경에는 가장 밝은 그린을 사용하고 버튼, 구분선, RSVP 하이라이트에는 중간 아이비 톤을 사용하세요. 스크립트 악센트 및 세밀한 선 일러스트레이션과 아름답게 어울립니다. 사용 팁: 양식 필드는 순수한 화이트로 유지하여 깨끗하고 작성하기 쉽게 느껴지도록 하세요.

media.io를 사용하여 생성된 아이비 웨딩 이미지 예시

16) 말차 라떼

16 진수: #fbf7f0 #edf3e3 #cfe0b8 #8aa66b #3f4a33

기분: 아늑한, 부드러운, 현대적인

다음에 가장 적합합니다. 커피숍 브랜드 리프레시

밀키 화이트와 함께하는 아늑한 말차 그린은 조용한 카페와 손에 쥔 따뜻한 컵을 연상시킵니다. 현대적으로 유지되는 화이트 그린 색상 팔레트를 위해 크림 같은 베이스에 기대고 간판, 스티커, 소셜 템플릿에 말차 톤을 사용하세요. 탄 종이 텍스처와 미니멀한 아이콘과 함께 사용하여 접근하기 쉽게 유지하세요. 사용 팁: 로고타입과 작은 카피에는 가장 어두운 톤을 유지하여 선명하게 인쇄되도록 하세요.

media.io를 사용하여 생성된 말차 라떼 이미지 예시

17) 글레이셔 그린

16 진수: #f5fbff #e1f5f2 #b9e3df #62a7a6 #254a4f

기분: 시원한, 세련된, 기술 지향적인

다음에 가장 적합합니다. 핀테크 앱 UI 키트

얼음 같은 화이트와 함께하는 시원한 글레이셔 그린은 깨끗한 데이터와 차분한 움직임처럼 세련되고 정확하게 느껴집니다. 표면에는 밝은 톤을 사용하고 활성 상태, 차트, 알림에는 더 깊은 틸-그린을 사용하세요. 기하학적 아이콘과 절제된 타입 시스템과 잘 어울립니다. 사용 팁: 추가 색상을 추가하지 않고 채도를 조정하여 성공 및 정보 상태를 구별하세요.

media.io를 사용하여 생성된 글레이셔 그린 이미지 예시

18) 모시 콘크리트

16 진수: #f2f2ee #dee3db #aab7a6 #677a62 #2a322b

기분: 도시적인, 차분한, 세련된

다음에 가장 적합합니다. 건축 스튜디오 웹사이트

콘크리트 같은 화이트 위의 차분한 이끼는 조용한 자신감을 가진 도시적이고 건축적인 느낌을 줍니다. 밝은 회색을 주요 캔버스로 사용한 다음 링크와 섹션 마커에 미묘한 브랜드 서명으로 이끼 그린을 적용하세요. 흑백 사진 및 강한 그리드 시스템과 잘 어울립니다. 사용 팁: 무거운 그림자를 피하고 간격과 정렬이 작업을 하도록 하세요.

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

19) 스프링 서킷

16 진수: #f8fff9 #e6ffe9 #bff5c8 #4fd17a #214a32

기분: 밝은, 낙관적인, 디지털

다음에 가장 적합합니다. 스타트업 피치 덱 슬라이드

깨끗한 화이트 위의 밝은 봄 그린은 새로운 출시와 빠른 반복처럼 에너지가 넘치게 느껴집니다. KPI, 아이콘, 주요 지표에 대한 하이라이트로 선명한 그린을 사용하고 명확성을 위해 대부분의 슬라이드는 화이트로 유지하세요. 어두운 그린 제목과 간단한 차트와 잘 어울립니다. 사용 팁: 필요할 때 덱이 여전히 잘 인쇄되도록 그라디언트를 미묘하게 유지하세요.

media.io를 사용하여 생성된 스프링 서킷 이미지 예시

20) 허브 마켓

16 진수: #fffef6 #edf4e3 #cfe0b0 #7f9b4a #33421e

기분: 소박한, 신선한, 건강한

다음에 가장 적합합니다. 파머스 마켓 포스터

따뜻한 화이트와 함께하는 건강한 허브 그린은 종이 봉지, 신선한 다발, 손으로 쓴 간판을 연상시킵니다. 이 화이트 그린 색상 조합은 소박하지만 정돈된 느낌이 필요한 포스터에 이상적입니다. 스탬프 텍스처, 간단한 일러스트레이션, 제한된 타입 팔레트와 함께 사용하여 친근하게 유지하세요. 사용 팁: 날짜와 위치에 가장 어두운 그린을 사용하여 즉시 읽을 수 있도록 하세요.

media.io를 사용하여 생성된 허브 마켓 이미지 예시

21) 보타니컬 프레스

16 진수: #f9fbf5 #e7f1e1 #bfd6b6 #6f916f #2b3f2f

기분: 편집적인, 식물적인, 세련된

다음에 가장 적합합니다. 잡지 스프레드 레이아웃

부드러운 화이트 위의 세련된 식물 그린은 자연 잡지의 편집 기사처럼 느껴집니다. 이와 같은 화이트 그린 색상 구성은 명확한 섹션 구분을 제공하면서도 장문 읽기를 지원합니다. 세리프 본문 텍스트, 넉넉한 여백, 중간 그린의 차분한 사진 캡션과 함께 사용하세요. 사용 팁: 인용문이 검은색으로 변하지 않고 돋보이도록 가장 어두운 톤을 유지하세요.

media.io를 사용하여 생성된 보타니컬 프레스 이미지 예시

22) 가든 허브 패키징

16 진수: #fffdf5 #f0f6e6 #d3e6c2 #8fbf73 #3a5d2e

기분: 신선한, 실용적인, 친환경적인

다음에 가장 적합합니다. 유기농 차 포장

따뜻한 화이트와 함께하는 신선한 정원 그린은 간단한 라벨이 있는 식료품 저장실 필수품처럼 친환경적이고 정직하게 느껴집니다. 타이포그래피를 깨끗하게 유지하고 단일 그린이 브랜드 블록을 담당하도록 할 때 화이트 그린 색상 조합은 포장에서 빛을 발합니다. 진정성을 위해 재활용 종이 텍스처와 작은 식물 일러스트레이션과 함께 사용하세요. 사용 팁: 규제 텍스트와 바코드를 위해 가장 어두운 그린을 예약하여 인쇄에서 선명하게 유지되도록 하세요.

media.io를 사용하여 생성된 가든 허브 패키징 이미지 예시

흰색과 녹색과 어울리는 색상은 무엇입니까?

화이트와 그린은 모래, 크림, 베이지, 크래프트 브라운과 같은 따뜻한 뉴트럴과 자연스럽게 어울립니다—접지된 느낌이 필요한 유기농 브랜드와 포장에 훌륭합니다. 더욱 프리미엄한 느낌을 위해 골드 또는 브라스의 작은 악센트를 추가하세요(특히 인쇄 마감에서).

현대적인 UI의 경우, 회색(차갑거나 따뜻한)은 노이즈를 추가하지 않고 그리드와 구분선을 구조화하는 데 도움이 됩니다. 딥 차콜 또는 거의 검은색에 가까운 그린이 텍스트에 가장 적합합니다. 왜냐하면 테마를 유지하면서 높은 대비를 유지하기 때문입니다.

더 많은 에너지가 필요한 경우, 제한된 "팝" 악센트를 시도하세요: 코랄, 테라코타 또는 부드러운 피치는 친근함을 더할 수 있고; 틸-블루는 팔레트를 기술 쪽으로 밀어낼 수 있습니다. 베이스 구성의 차분함을 유지하기 위해 악센트 사용을 작게 유지하세요(아이콘, 하이라이트, 배지).

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

비율부터 시작하세요: 화이트가 대부분의 표면(배경, 카드, 여백)을 처리하도록 한 다음 섹션 채우기 및 상태에 밝은 그린을 사용하세요. CTA, 활성 내비게이션, 중요한 라벨에 가장 어두운 그린을 저장하여 인터페이스가 정돈된 느낌을 받도록 하세요.

브랜딩 및 인쇄의 경우, 하나의 "시그니처" 그린(중간 또는 깊은)을 선택하고 로고 잠금, 제목, 콜아웃 전반에 걸쳐 일관되게 반복하세요. 종이 톤을 팔레트의 화이트와 일치시키세요—따뜻한 화이트는 밝은 광학 화이트보다 종종 더 자연스럽게 느껴집니다.

항상 접근성과 가독성을 테스트하세요: 작은 텍스트는 거의 흰색에 가까운 배경에 진한 녹색/차콜 톤으로 배치해야 합니다. 중간 녹색이 텍스트용으로 너무 밝다면 배경, 칩 또는 큰 도형에 사용하세요.

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

디자인하기 전에 화이트 그린 색상 조합을 미리 보고 싶다면 AI로 빠른 목업을 생성하세요. 이는 다양한 녹색 온도(세이지 vs 민트 vs 올리브)를 탐색하고 실제 레이아웃에서 어떻게 느껴지는지 확인하는 데 특히 유용합니다.

위의 프롬프트를 재사용한 다음 팔레트 이름, 제품 유형 또는 레이아웃 형식(포스터, 랜딩 페이지, 패키징, UI 키트)을 교체하세요. 깨끗하고 편집 가능한 결과물을 원할 때는 "no device frame" 또는 "plain background"를 유지하세요.

Media.io를 사용하면 몇 초 만에 팔레트 기반 이미지를 만들고 분위기가 브랜드와 일치할 때까지 반복할 수 있습니다.

다음: 골드 브라운 컬러 팔레트