옥색 팔레트 아이디어 (20가지 선택 + Hex + AI 디자인 예시)

제이드는 그린과 틸 사이에 위치하여 자연스럽고 깔끔하며 동시에 모던한 느낌을 줄 수 있습니다. 이러한 범위 덕분에 제이드 컬러 팔레트는 브랜딩, UI, 인쇄물에 쉽게 적용할 수 있습니다.

아래는 HEX 코드와 함께 엄선된 20가지 제이드 컬러 스킴 아이디어와 제이드와 무엇을 조합할지, 실제 레이아웃에 어떻게 적용할지에 대한 간단한 가이드입니다.

제이드 팔레트가 잘 작동하는 이유

제이드는 그린의 차분함과 블루의 신선함을 균형 있게 유지하기 때문에 다재다능합니다. 뮤트 톤에서는 자연적이고 식물적으로 보이며, 밝은 틸 쪽으로 가면 세련되고 기술적인 느낌을 줍니다.

인터페이스에서 제이드는 상태와 액션(버튼, 토글, 진행 상황)에 잘 작동합니다. 레드의 긴박함 없이 자연스럽게 주목을 끌기 때문입니다. 인쇄물에서는 따뜻한 종이와 질감 있는 중성색과 아름답게 조화를 이루어 프리미엄한 느낌을 줍니다.

대부분의 제이드 컬러 조합은 틴트와 쉐이드 전반에 걸쳐 잘 확장되어, 팔레트와 충돌하지 않으면서 배경, 액센트, 대비를 위한 내장 시스템을 제공합니다.

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

1) 열대우림 제이드

HEX: #0B3D2E #0F6B4E #2FBF98 #CFEFE5 #1B1F1E

분위기: 풍성한, 안정적인, 모험적인

적합한 용도: 아웃도어 브랜드 아이덴티티

비 온 후 숲의 캐노피처럼 무성하고 그늘진 톤은 자신감 있고 생동감 있게 느껴집니다. 깊은 그린을 기본으로 사용한 다음 밝은 제이드로 헤드라인, 배지 또는 콜투액션을 전달하세요. 크라프트 페이퍼나 소프트 아이보리 같은 따뜻한 중성색과 짝을 이루어 네온이 아닌 유기적인 느낌을 유지하세요. 사용 팁: 계층 구조를 유지하기 위해 레이아웃당 하나의 초점 요소에만 가장 밝은 그린을 사용하세요.

media.io를 사용하여 생성한 열대우림 제이드 이미지 예시

Media.io

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

무료로 지금 사용해보기

2) 포슬린 민트

HEX: #0E5E4A #2AAE8E #8FE3D1 #F2FBF9 #8A9A96

분위기: 깨끗한, 경쾌한, 부드러운

적합한 용도: 웰니스 UI 스크린

도자기 컵에 담긴 민트 티처럼 깨끗하고 경쾌하며, 차갑게 느껴지지 않으면서 차분합니다. 명확성이 중요한 건강 대시보드, 명상 앱, 온보딩 플로우에 아름답게 작동합니다. 부드러운 틴트는 큰 표면을 편안하게 유지하고, 중간 제이드는 읽기 쉬운 버튼과 토글을 제공합니다. 사용 팁: 부드러운 분위기에 맞춰 순수한 블랙 대신 다크 그레이로 텍스트를 유지하세요.

media.io를 사용하여 생성한 포슬린 민트 이미지 예시

3) 빈티지 약국

HEX: #0F3B33 #1F7A66 #62C2A4 #E6D8C3 #6B4F3F

분위기: 전통적인, 아늑한, 수공예적인

적합한 용도: 커피 라벨 및 패키징

오래된 상점의 유리병과 종이 라벨처럼 전통적이고 아늑하며, 이 톤들은 수공예적으로 느껴집니다. 제이드 컬러 조합은 따뜻한 베이지와 타이포그래피를 위한 코코아 브라운과 균형을 이룰 때 빛을 발합니다. 가장 어두운 그린은 로고 마크에, 중간 그린은 테두리, 인장 또는 성분 표시에 사용하세요. 사용 팁: 빈티지 느낌을 증폭시키기 위해 베이지 뒤에 미묘한 종이 질감을 추가하세요.

media.io를 사용하여 생성한 빈티지 약국 이미지 예시

4) 사막 세이지

HEX: #144E42 #3A8F7A #A9D8C8 #EDE3D1 #C08A5A

분위기: 자연적인, 따뜻한, 편안한

적합한 용도: 보헤미안 인테리어 무드보드

모래와 점토를 배경으로 한 세이지 식물처럼 자연적이고 햇볕에 데워진 느낌의 이 믹스입니다. 사막 느낌의 차분한 그린이 필요한 인테리어, 라이프스타일 블로그, 무드보드에 잘 작동합니다. 뮤트 제이드를 크림 배경과 짝을 이루고 테라코타를 작은 액센트로 가져와 깊이를 더하세요. 사용 팁: 공간이 편안하게 느껴지도록 테라코타를 두세 군데만 반복하세요.

media.io를 사용하여 생성한 사막 세이지 이미지 예시

5) 해안 석호

HEX: #063A3C #0D7C86 #3FD3C6 #CFF6F2 #F7FBFC

분위기: 상쾌한, 밝은, 산뜻한

적합한 용도: 여행 랜딩 페이지 히어로

맑은 물과 햇빛 비치는 얕은 물을 연상시키는 상쾌하고 산뜻한 석호 톤입니다. 깊은 틸은 네비게이션과 푸터 영역에 사용하고, 밝은 아쿠아는 주요 액션을 강조하도록 하세요. 화이트 스페이스는 팔레트가 장난스럽지 않고 프리미엄하게 느껴지도록 합니다. 사용 팁: 무거운 라인 없이 섹션을 구분하려면 가장 옅은 틴트로 얇은 구분선을 추가하세요.

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

6) 다크 제이드 누아르

HEX: #071A16 #0C3F33 #11876A #9CE6D3 #D7FFF4

분위기: 무디한, 럭셔리한, 드라마틱한

적합한 용도: 프리미엄 테크 브랜딩

단일 에메랄드 글로우로 조명된 어두운 갤러리처럼 무디하고 럭셔리합니다. 이런 제이드 컬러 팔레트는 대비가 자신감을 파는 고급 테크, 금융, 제품 출시에서 탁월합니다. 거의 블랙에 가까운 색을 메인 캔버스로 유지한 다음, 로고, 호버 상태, 주요 지표에만 생생한 그린을 절제해서 사용하세요. 사용 팁: 어두운 배경에서 밴딩을 피하려면 가장 밝은 두 틴트 사이의 그라디언트를 부드럽게 하세요.

media.io를 사용하여 생성한 다크 제이드 누아르 이미지 예시

7) 소프트 스파 스톤

HEX: #1B6A57 #4DBA9F #BFEDE1 #F4F1EA #9A9F9D

분위기: 진정시키는, 미니멀한, 균형잡힌

적합한 용도: 스킨케어 웹사이트 섹션

따뜻한 타월, 돌 세면대, 조용한 증기를 떠올리게 하는 진정되고 균형 잡힌 느낌입니다. 크리미한 오프화이트는 제품 사진을 깨끗하게 보이게 하고, 제이드 톤은 버튼과 섹션 헤더에 부드러운 활력을 더합니다. 스파 같은 리듬을 위해 심플한 산세리프 타입과 충분한 여백과 짝을 이루세요. 사용 팁: 그린이 주인공으로 남도록 아이콘은 중간 그레이로 유지하세요.

media.io를 사용하여 생성한 소프트 스파 스톤 이미지 예시

8) 시트러스 제이드 팝

HEX: #0B5A48 #18A87F #7CF2C8 #F2F5F4 #F2C94C

분위기: 경쾌한, 활기찬, 모던한

적합한 용도: 이벤트 포스터 그래픽

차가운 그린 소다 위에 감귤 껍질을 튄 것처럼 경쾌하고 활기찹니다. 옐로우 액센트는 빠른 주목이 필요한 포스터와 소셜 그래픽에 즉각적인 낙관주의를 더합니다. 밝은 제이드는 도형과 하이라이트에 사용하고, 배경은 가독성을 위해 거의 화이트에 가깝게 유지하세요. 사용 팁: 눈부심을 피하기 위해 옐로우를 큰 블록이 아닌 작은 배지나 밑줄로 설정하세요.

media.io를 사용하여 생성한 시트러스 제이드 팝 이미지 예시

9) 보타니컬 잉크

HEX: #0A2A24 #145A4C #2FAF90 #D7F2EA #2B2E33

분위기: 예술적인, 편집적인, 세련된

적합한 용도: 매거진 특집 레이아웃

잉크로 스케치한 눌린 잎사귀를 연상시키는 예술적이고 세련된 느낌입니다. 어두운 톤은 긴 형식의 읽기를 지원하고 소프트 민트 틴트는 여백과 풀 쿼트를 신선하게 유지합니다. 편집적인 마무리를 위해 세리프 헤드라인 및 절제된 라인 아트와 짝을 이루세요. 사용 팁: 중간 제이드는 콜아웃과 섹션 라벨에만 사용하여 특별하게 유지하세요.

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

10) 아틱 제이드 글로우

HEX: #043B3B #0C8F8A #77E6DD #E6FFFD #B8C2C2

분위기: 선명한, 시원한, 미래적인

적합한 용도: SaaS 온보딩 화면

선명하고 미래적이며, 은은한 광채가 있는 얼음 같은 유리 느낌입니다. 이러한 시원한 틸은 강한 채도 없이 현대적인 톤을 원하는 SaaS 온보딩에 적합합니다. 대부분의 표면을 연한 색으로 유지하고 밝은 틸이 단계와 진행 상태를 통해 시선을 안내하도록 하세요. 사용 팁: 밝은 틸을 어두운 텍스트나 더 짙은 틸 그림자와 페어링하여 버튼이 대비를 충족하도록 하세요.

media.io를 사용하여 생성된 아틱 제이드 글로우 이미지 예시

11) 코퍼 파티나

HEX: #0C4B3D #2D8C78 #7ED9C2 #F3E6D6 #B96A3A

분위기: 장인적인, 따뜻한, 세련된

적합한 용도: 레스토랑 메뉴 디자인

장인적이고 따뜻하며, 오래된 구리, 파티나, 촛불이 켜진 테이블을 연상시킵니다. 제이드 컬러 조합은 구리 악센트를 메인 요리가 아닌 양념처럼 사용할 때 가장 잘 작동합니다. 크림을 메뉴 베이스로, 짙은 그린을 제목에, 구리를 가격이나 작은 구분선에 사용해 보세요. 사용 팁: 미드 그린은 코팅되지 않은 종이에서 잉크가 변하고 흐려질 수 있으므로 인쇄 테스트를 하세요.

media.io를 사용하여 생성된 코퍼 파티나 이미지 예시

12) 오키드 제이드 트위스트

HEX: #0A4F46 #25A48E #A7F0DE #F6F2F7 #B06AAE

분위기: 로맨틱한, 모던한, 표현적인

적합한 용도: 뷰티 런칭 소셜 광고

로맨틱하고 표현적이며, 소프트 오키드 꽃과 페어링된 시원한 그린 실크 느낌입니다. 퍼플 악센트는 그린을 압도하지 않으면서 개성을 더해 뷰티 제품 출시와 크리에이터 프로모션에 적합합니다. 연한 블러시-라일락을 배경으로 사용하고 오키드 톤은 작은 스탬프, 가격표 또는 스티커에 사용하세요. 사용 팁: 퍼플을 하나의 반복 모티프에 적용하여 피드가 일관성을 유지하도록 하세요.

media.io를 사용하여 생성된 오키드 제이드 트위스트 이미지 예시

13) 샌드스톤 오아시스

HEX: #0F5C52 #3E9F8D #BDE7DB #FAF3E6 #D6B48C

분위기: 환영하는, 차분한, 자연스러운

적합한 용도: 홈 데코 카탈로그 페이지

환영하고 차분하며, 연한 돌로 프레임된 오아시스 정원을 떠올리게 합니다. 크리미한 샌드 톤은 카탈로그 레이아웃의 친근한 베이스를 만들고, 제이드는 제목과 제품 태그에 신선함을 더합니다. 따뜻한 사진과 단순한 그리드와 페어링하여 모든 것을 여유 있게 유지하세요. 사용 팁: 모든 가격 또는 CTA 요소에 미드 그린을 일관되게 유지하여 스캔 습관을 구축하세요.

media.io를 사용하여 생성된 샌드스톤 오아시스 이미지 예시

14) 모던 오피스 캄

HEX: #0D3F39 #1F7F72 #77CFC0 #F5F7F7 #4E5B5A

분위기: 전문적인, 안정적인, 접근하기 쉬운

적합한 용도: B2B 프레젠테이션 템플릿

전문적이고 안정적이며, 약간의 녹색 식물이 있는 깔끔한 작업 공간 느낌입니다. 더 짙은 그린은 타이틀 슬라이드에 권위를 더하고, 라이트 민트는 차트와 표를 눈에 편안하게 유지합니다. 뉴트럴 그레이와 충분한 여백과 페어링하여 모던한 기업 룩을 만드세요. 사용 팁: 차트가 시끄러워지지 않도록 밝은 틸을 주요 데이터 포인트에만 사용하세요.

media.io를 사용하여 생성된 모던 오피스 캄 이미지 예시

15) 레트로 다이너 제이드

HEX: #0B5148 #1FB59E #B7FFF1 #FFF7F2 #FF6B6B

분위기: 향수를 불러일으키는, 재미있는, 대담한

적합한 용도: 스티커 세트 및 굿즈

향수를 불러일으키고 재미있으며, 광택 타일, 네온 사인, 빈티지 소다 카운터를 연상시킵니다. 소프트 코럴-레드는 재미있는 대비를 가져오고, 연한 민트는 가볍고 수집 가능하게 유지합니다. 대담한 틸을 윤곽선과 타입에 사용하고, 코럴은 작은 아이콘이나 펀치 있는 라벨에서 튀어나오게 하세요. 사용 팁: 세트가 하나의 컬렉션으로 읽히도록 윤곽선 두께를 일관되게 유지하세요.

media.io를 사용하여 생성된 레트로 다이너 제이드 이미지 예시

16) 미드나잇 컨서버토리

HEX: #051E1A #0E4A3F #1E9E86 #86E0CC #E9FFF8

분위기: 신비로운, 우아한, 몰입적인

적합한 용도: 앨범 커버 아트워크

신비롭고 우아하며, 달빛이 비치는 온실의 실루엣 식물 느낌입니다. 거의 블랙에 가까운 그린은 시네마틱한 베이스를 설정하고, 더 밝은 톤은 타이틀과 악센트에 은은한 광채를 더합니다. 미니멀리스트 타이포그래피와 넉넉한 네거티브 스페이스와 페어링하여 모던한 커버 룩을 만드세요. 사용 팁: 야간 분위기를 유지하기 위해 가장 밝은 틴트를 하나의 하이라이트 영역에 유지하세요.

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

17) 웨딩 유칼립투스

HEX: #0F4E44 #2E8C7D #9AD9CC #FAF7F1 #D8C7B7

분위기: 로맨틱한, 부드러운, 시대를 초월한

적합한 용도: 웨딩 초대장 스위트

로맨틱하고 부드러우며, 유칼립투스 잎과 리넨 종이를 떠올리게 합니다. 이러한 제이드 컬러 조합은 타입에 따뜻한 베이지와 은은한 토프와 페어링할 때 특히 우아하게 느껴집니다. 라이트 크림을 주요 카드 스톡 컬러로 사용한 다음 테두리, 모노그램 또는 작은 모티프에 녹색을 추가하세요. 사용 팁: 그린이 더 자연스럽고 덜 평면적으로 느껴지도록 약간 질감이 있는 배경을 선택하세요.

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

18) 테크 그라디언트 제이드

HEX: #052C2A #0D6F66 #19B49E #7AF2D8 #E7FFFA

분위기: 매끈한, 혁신적인, 역동적인

적합한 용도: 앱 로그인 및 회원가입 UI

매끈하고 역동적이며, 이러한 톤은 유리 위의 부드러운 그라디언트처럼 느껴집니다. 이와 같은 제이드 컬러 팔레트는 혼란 없이 에너지를 원하는 로그인 화면에 완벽합니다. 가장 어두운 틸을 폼 필드에 사용하고 더 밝은 그린을 기본 버튼에 사용하며, 연한 틴트를 관대한 배경으로 사용하세요. 사용 팁: 나머지가 읽기 쉽도록 히어로 영역에만 은은한 대각선 그라디언트를 적용하세요.

media.io를 사용하여 생성된 테크 그라디언트 제이드 이미지 예시

19) 세라믹 타일 제이드

HEX: #0B3E3A #177E73 #4BC6B8 #D8F7F3 #F1E7D8

분위기: 신선한, 깔끔한, 현대적인

적합한 용도: 주방 백스플래시 목업

신선하고 깔끔하며, 광택 타일과 깨끗한 그라우트 라인을 연상시킵니다. 시원한 그린은 전체적인 느낌을 매력적으로 유지하는 따뜻한 오프화이트와 특히 선명하게 보입니다. 반복되는 패턴 블록에 미드 제이드를 사용한 다음 몇 개의 스테이트먼트 타일에 더 밝은 틸로 올리세요. 사용 팁: 균형 잡힌 리듬을 위해 가장 밝은 색조를 패턴의 약 10%로 제한하세요.

media.io를 사용하여 생성된 세라믹 타일 제이드 이미지 예시

20) 어텀 제이드 앤 클레이

HEX: #0D4A3A #2F8B6E #9EE2C9 #F7EFE6 #B45A3C

분위기: 아늑한, 계절적인, 매력적인

적합한 용도: 가을 마케팅 배너

아늑하고 계절적이며, 클레이 화분과 따뜻한 페이스트리 옆의 녹색 잎처럼 느껴집니다. 클레이 악센트는 식욕과 따뜻함을 더해 친근하고 인간적인 터치가 필요한 캠페인에 적합합니다. 크림 배경을 지배적으로 유지하고 구조에 제이드를 사용하며, 클레이는 헤드라인이나 하나의 주요 배지에 예약하세요. 사용 팁: 얇은 다크 그린 테두리를 추가하여 배너를 프레임하고 밝은 화면에서 대비를 개선하세요.

media.io를 사용하여 생성된 어텀 제이드 앤 클레이 이미지 예시

제이드와 잘 어울리는 색상은?

제이드는 아이보리, 베이지, 샌드, 토프와 같은 따뜻한 뉴트럴과 자연스럽게 페어링되어 지나치게 채도가 높기보다는 안정감 있게 보이도록 도와줍니다. 타이포그래피와 구조를 위해 차콜과 잉키한 거의 블랙은 팔레트를 세련되게 유지합니다.

대비를 원한다면 클레이, 테라코타, 구리 또는 코럴을 작은 악센트로 시도하세요—이러한 따뜻한 톤은 제이드의 차가움 반대편에 위치하며 즉각적인 초점을 만듭니다. 더 부드러운 룩을 위해 제이드를 연한 민트 틴트, 쿨 그레이, 블러시-라일락과 페어링하세요.

디지털 디자인에서는 CTA를 위한 하나의 "히어로" 제이드와 배경을 위한 더 조용한 제이드 틴트를 유지하여 위계와 가독성을 보존하세요.

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

스와치가 아닌 역할로 시작하세요: 텍스트/네비게이션을 위한 하나의 어두운 색조, 인터랙티브 요소를 위한 하나의 미드 제이드, 강조를 위한 하나의 밝은 악센트, 배경을 위한 하나의 연한 틴트를 할당하세요. 이렇게 하면 "너무 많은 틸" 레이아웃을 방지하고 시스템을 확장하기 쉽게 만듭니다.

브랜딩과 패키징의 경우, 제이드는 촉각적인 소재—크라프트, 크림 스톡, 은은한 질감, 따뜻한 메탈릭 악센트—와 균형을 이룰 때 가장 좋아 보입니다. UI의 경우, 대비를 일찍 확인하고(특히 연한 민트 배경에서) 가장 밝은 제이드를 큰 표면에 사용하지 마세요.

의심스러울 때는 새로운 색조를 도입하는 대신 의도적으로 악센트 컬러를 반복하세요(배지, 아이콘, 구분선)—제이드 팔레트는 절제될 때 프리미엄하게 느껴집니다.

AI로 제이드 팔레트 비주얼 만들기

이미 HEX 코드가 있다면, 제이드 컬러 스킴을 패키징, 포스터, 랜딩 페이지 또는 앱 화면 목업으로 빠르게 전환할 수 있습니다. 몇 가지 컨셉 이미지를 생성하면 프로덕션 디자인에 투입하기 전에 분위기, 대비, "브랜드 느낌"을 테스트하는 데 도움이 됩니다.

Media.io를 사용하면 명확한 프롬프트(스타일 + 주제 + 조명 + 가로 세로 비율)를 붙여넣고 빠르게 반복할 수 있습니다—동일한 제이드 베이스가 톤을 어떻게 변화시키는지 보기 위해 하나의 악센트 컬러(구리, 코럴, 오키드)를 교체해 보세요.

다음: 블루 버건디 컬러 팔레트