오닉스 컬러 팔레트 아이디어 (20가지 선택 + Hex)

오닉스는 레이아웃을 즉시 현대적이고 프리미엄하며 의도적으로 느껴지게 만드는 깊은 차콜 블랙 뉴트럴입니다. 보조 색상을 압도하지 않으면서 대비를 조절하기 때문에 인터페이스, 브랜딩 및 인테리어를 위한 신뢰할 수 있는 기준점입니다.

다음은 HEX 코드가 포함된 20가지 오닉스 컬러 팔레트 아이디어와 오닉스와 페어링할 항목 및 실제 프로젝트에서 이러한 구성표를 적용하는 방법에 대한 간단한 팁입니다.

오닉스 팔레트가 잘 작동하는 이유

오닉스는 "스마트 뉴트럴"처럼 작동하기 때문에 효과적입니다: 차콜보다 어둡고, 순수한 블랙보다 부드러우며, 따뜻한 페어링과 차가운 페어링 모두에서 다재다능합니다. 액센트 색상이 돋보일 수 있는 여지를 남기면서 강력한 시각적 기초를 만듭니다.

UI 디자인에서 오닉스는 진정한 블랙에 비해 눈부심을 줄이고 계층 구조를 쉽게 만듭니다—내비게이션, 카드 및 데이터 레이어를 미묘한 그레이 단계로 분리할 수 있습니다. 브랜딩 및 인쇄물에서는 강렬한 블랙의 거칠함 없이 자신감과 세련미를 전달합니다.

오닉스는 또한 메탈 톤, 크림 및 뮤티드 그린과 아름답게 페어링되어 현대적이고 프리미엄하며 자연에서 영감을 받은 미학 모두에 강력한 선택입니다.

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

1) 미드나잇 오닉스

HEX: #0b0c0f #1a1c22 #2f313a #c7c9cf #f4f5f7

무드: 세련된, 현대적인, 하이 콘트라스트

최적: 다크 UI 대시보드

검은 유리에 반사된 도시의 불빛처럼 세련되고 야행성입니다. 계층 구조가 중요하고 눈부심이 낮아야 하는 대시보드 및 분석 화면에 사용하세요. 가독성을 위해 가장 깊은 톤과 부드러운 그레이의 균형을 맞추고, 주요 숫자와 CTA에는 거의 흰색을 예약하세요. 팁: 눈의 피로를 줄이기 위해 본문 텍스트는 순백색이 아닌 밝은 그레이로 유지하세요.

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

Media.io

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

지금 무료로 시도하기

2) 스모크드 펄

HEX: #121316 #2a2c33 #6b6f7a #d7d9de #fbfbfc

무드: 부드러운, 공기 같은, 세련된

최적: 에디토리얼 레이아웃

부드러운 연기와 진주 하이라이트가 차분하고 고급스러운 고요함을 만듭니다. 화이트 스페이스가 스토리의 일부인 매거진 스타일 레이아웃, 긴 읽기 및 포트폴리오에서 빛을 발합니다. 페이지를 깔끔하게 유지하기 위해 어두운 앵커와 미드 그레이 규칙 및 캡션을 페어링하세요. 팁: 헤드라인을 가장 어두운 톤으로 설정하고 무거운 선 대신 섹션 구분선에 연한 그레이를 사용하세요.

media.io를 사용하여 생성된 스모크드 펄의 이미지 예시

3) 브론즈 누아르

HEX: #0e0f12 #26221d #6a4b2f #c7a072 #f3eee6

무드: 럭셔리, 따뜻한, 드라마틱

최적: 프리미엄 브랜드 아이덴티티

어두운 베이스에 따뜻한 브론즈 반짝임이 있는 호화롭고 촛불 켜진 듯합니다. 이 오닉스 컬러 팔레트는 프리미엄 로고, 고급 서비스 및 부티크 호텔 브랜딩에 이상적입니다. 우아한 대비를 위해 브론즈와 크림을 페어링하고, 배경 및 스탬프에는 가장 깊은 셰이드를 유지하세요. 팁: 프리미엄 느낌을 유지하기 위해 브론즈를 큰 블록보다는 얇은 포일 같은 액센트로 사용하세요.

media.io를 사용하여 생성된 브론즈 누아르의 이미지 예시

4) 포레스트 애쉬

HEX: #0d0f10 #1f2422 #3e5a4c #a9b6ad #f1f3f1

무드: 안정적인, 자연스러운, 차분한

최적: 에코 제품 패키징

이끼 낀 녹색과 재 회색 나무 껍질이 있는 그늘진 산책로처럼 안정적입니다. 자연적 단서가 중요한 지속 가능한 제품, 스킨케어 또는 커피 패키징에 사용하세요. 명확성을 위해 포레스트 그린과 오프화이트 라벨을 페어링하고, 타이포그래피 및 바코드에는 거의 블랙을 예약하세요. 팁: 팩이 선반에서 여전히 깨끗하게 보이도록 그린 커버리지를 적당히 유지하세요.

media.io를 사용하여 생성된 포레스트 애쉬의 이미지 예시

5) 로즈우드 섀도우

HEX: #0f0e10 #2a1f23 #5a2f3b #c9a3ad #f6eef0

무드: 로맨틱한, 무디한, 우아한

최적: 웨딩 초대장 세트

어두운 일기에 눌린 장미 꽃잎처럼 로맨틱하고 무디합니다. 웨딩 스테이셔너리, 저녁 이벤트 초대장 및 럭스 뷰티 캠페인에 아름답게 작동합니다. 이름과 제목에는 더스티 블러쉬와 깊은 와인 톤을 페어링하고, 연한 핑크가 호흡 공간 역할을 하도록 하세요. 팁: 인쇄물에서 흐릿한 대비를 피하기 위해 타입에는 가장 어두운 셰이드를 유지하세요.

media.io를 사용하여 생성된 로즈우드 섀도우의 이미지 예시

6) 아틱 잉크

HEX: #0a0c10 #1c2430 #4a6b86 #c9d7e2 #fbfdff

무드: 선명한, 차가운, 기술 지향적

최적: SaaS 랜딩 페이지

서리가 내린 유리 위의 잉크처럼 선명하고 차갑습니다. 네온 없이 자신감 있고 기술적인 분위기가 필요한 SaaS 페이지에 사용하세요. 스틸 블루와 거의 흰색 섹션을 페어링하고 내비게이션 및 푸터에는 가장 어두운 잉크를 유지하세요. 팁: 페이지를 집중시키기 위해 하나의 주요 액션에 블루를 사용하고 아이콘에만 반복하세요.

media.io를 사용하여 생성된 아틱 잉크의 이미지 예시

7) 라벤더 슬레이트

HEX: #0e0f14 #242334 #5b5472 #c6c2d6 #f7f6fb

무드: 몽환적인, 조용한, 현대적인

최적: 북 커버 디자인

슬레이트 지붕 위에 황혼이 내리는 것처럼 몽환적이고 조용합니다. 소음보다 무드가 중요한 현대 소설 표지 및 시집에 적합합니다. 선명한 타입을 위해 라벤더 미드톤과 가장 어두운 셰이드를 페어링한 다음, 배경 공간에 연한 라일락으로 부드럽게 하세요. 팁: 퍼플이 플라스틱이 아닌 인쇄된 느낌을 주도록 미묘한 그레인으로 텍스처를 추가하세요.

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

8) 샌드스톤 카본

HEX: #101010 #2a2622 #7a6b5b #d7cbbd #fbf6ef

무드: 흙 같은, 따뜻한, 시대를 초월한

최적: 인테리어 스타일링 무드보드

샌드스톤 종이에 차콜 스케치처럼 흙 같고 시대를 초월합니다. 인테리어 무드보드, 홈 굿즈 브랜딩 및 장인 제품 페이지에 사용하세요. 대비를 위해 따뜻한 베이지와 카본 블랙을 페어링하고, 섬유 및 배경에서 톱이 둘 사이를 연결하도록 하세요. 팁: 어두운 톤이 무겁지 않고 의도적으로 느껴지도록 베이지를 네거티브 스페이스로 반복하세요.

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

9) 에메랄드 수트

HEX: #0b0d0f #1b2a25 #0f6a4f #9bc7b7 #f3faf7

무드: 신선한, 고급스러운, 자신감 있는

최적: 칵테일 바 메뉴

어두운 라운지의 에메랄드 유리 제품처럼 신선하면서도 고급스럽습니다. 그린 팝은 가독성을 잃지 않으면서 메뉴, 사이니지 및 나이트라이프 브랜딩에 개성을 더합니다. 여기에서 최고의 오닉스 컬러 조합을 위해 배경을 어둡게 유지하고, 텍스트는 연한 민트로 설정하고, 섹션 헤더 및 아이콘에만 에메랄드를 사용하세요. 팁: 팔레트가 주인공으로 유지되도록 헤드라인에 하나의 디스플레이 폰트를 선택하세요.

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

10) 구리 엠버

HEX: #0f0d0c #2a1e19 #8a4b2a #d7a67b #f6efe7

무드: 아늑한, 대담한, 장인 정신의

최적: 제품 광고 포스터

어두운 난로에서 타오르는 불씨처럼 아늑하고 대담합니다. 따뜻함이 판매를 이끄는 장인 식품 광고, 커피 출시, 가을 프로모션에 적합합니다. 읽기 쉬운 헤드라인을 위해 구리와 크림을 조합하고 가장 어두운 톤을 사용하여 이미지나 테두리를 프레임하세요. 팁: 구리 그라데이션을 제한하고 현대적이고 프리미엄한 느낌을 위해 평면 블록을 사용하세요.

media.io를 사용하여 생성된 구리 엠버 이미지 예시

11) 오션 그래파이트

HEX: #0b0d10 #1a2330 #2d4f6a #9fb5c6 #f2f6fa

무드: 차분한, 전문적인, 신뢰할 수 있는

최적: 연간 보고서

흐린 하늘 아래 깊은 바다처럼 차분하고 전문적입니다. 가혹함 없이 권위가 필요한 연간 보고서, 투자자 프레젠테이션, 기업 커뮤니케이션에 사용하세요. 차트에는 그래파이트와 쿨 블루를 조합하고 표와 여백에는 가장 밝은 색조를 유지하세요. 팁: 밀도 높은 페이지가 무겁게 느껴지지 않도록 가장 어두운 톤은 헤딩에만 사용하세요.

media.io를 사용하여 생성된 오션 그래파이트 이미지 예시

12) 올리브 드랩 누아르

HEX: #0c0d0c #1f2219 #4a5a2a #b9c1a3 #f4f6ef

무드: 견고한, 아웃도어, 절제된

최적: 아웃도어 기어 브랜딩

낡은 캔버스와 야전 재킷처럼 견고하고 절제되어 있습니다. 실용성이 우선인 아웃도어 브랜드, 어드벤처 뉴스레터, 실용적인 라벨에 적합합니다. 패치와 태그에는 올리브와 페일 세이지를 조합하고 대담한 워드마크에는 거의 검은색을 사용하세요. 팁: 가장 밝은 배경 톤에 텍스트를 배치하여 작은 라벨에서 높은 대비를 유지하세요.

media.io를 사용하여 생성된 올리브 드랩 누아르 이미지 예시

13) 블러시 그래나이트

HEX: #0e0f12 #2a2a2e #7b6f75 #e1cfd6 #fbf6f8

무드: 부드러운, 미니멀한, 스타일리시한

최적: 뷰티 이커머스 UI

화강암 위에 뿌려진 블러셔 파우더처럼 부드럽고 스타일리시합니다. 부드러운 대비가 필요한 뷰티 쇼핑몰, 스킨케어 UI, 제품 목록 페이지에 사용하세요. 배지와 평점에는 그래나이트 그레이와 블러시 강조를 조합하고 명확성을 위해 버튼은 가장 어두운 톤으로 유지하세요. 팁: 인터페이스를 일관되게 유지하려면 모든 하이라이트에 하나의 블러시 틴트를 선택하세요.

media.io를 사용하여 생성된 블러시 그래나이트 이미지 예시

14) 골든 차콜

HEX: #0d0e10 #242424 #6a5a2a #d6c27a #fbf7e8

무드: 클래식한, 고급스러운, 축하하는

최적: 이벤트 전단지

어두운 무대에 비추는 따뜻한 스포트라이트처럼 클래식하고 축하의 분위기입니다. 갈라 전단지, 시상식 그래픽, 이정표 발표에 적합합니다. 선명한 타이포그래피를 위해 골드와 차콜을 조합하고 페일 크림을 인쇄 친화적인 베이스로 사용하세요. 팁: 흐릿한 대형 채우기를 피하기 위해 선, 불릿, 작은 아이콘에 골드를 사용하세요.

media.io를 사용하여 생성된 골든 차콜 이미지 예시

15) 잉크 앤 아이보리

HEX: #07080a #1a1c1f #4a4f57 #e7e2d8 #fffaf0

무드: 깔끔한, 시대를 초월한, 편집자적

최적: 포트폴리오 웹사이트

아이보리 종이 위의 잉크 드로잉처럼 깔끔하고 시대를 초월합니다. 옥시 컬러 스킴으로서 시끄러운 색상 없이 작품이 돋보여야 하는 포트폴리오에 완벽합니다. 아이보리 배경과 차콜 텍스트를 조합하고 비활성화된 버튼과 같은 미묘한 UI 상태에는 미드 그레이를 사용하세요. 팁: 추가 색상을 도입하는 대신 밑줄과 같은 하나의 일관된 강조 처리를 추가하세요.

media.io를 사용하여 생성된 잉크 앤 아이보리 이미지 예시

16) 모카 옵시디언

HEX: #0d0c0b #231d19 #5a3f34 #c8b3a6 #f6f0eb

무드: 따뜻한, 아늑한, 프리미엄

최적: 커피숍 패키징

어두운 옵시디언에 대비되는 에스프레소 크레마처럼 따뜻하고 아늑합니다. 프리미엄 엣지가 있는 커피 백, 로스터리 라벨, 카페 로열티 카드에 사용하세요. 재료 블록에는 모카 브라운과 페일 크림을 조합하고 로고 및 로스트 레벨에는 가장 깊은 색조를 유지하세요. 팁: 디자인이 평평하게 느껴지지 않고 레이어드되도록 보조 텍스트에는 미드 모카 톤을 사용하세요.

media.io를 사용하여 생성된 모카 옵시디언 이미지 예시

17) 스틸 나이트

HEX: #0b0c0f #1a2029 #3a4a5c #aab7c5 #f4f7fb

무드: 산업적인, 집중된, 날카로운

최적: 데이터 시각화 테마

밤하늘 아래 강철 빔처럼 산업적이고 집중되어 있습니다. 선, 레이블, 하이라이트를 빠르게 읽어야 하는 데이터 시각화에 적합합니다. 그리드에는 딥 스틸과 라이트 그레이-블루를 조합하고 배경 카드에는 거의 화이트를 유지하세요. 팁: 최우선 순위 시리즈에는 하나의 강조 색상을 사용하고 나머지는 모두 미드 스틸 톤으로 음소거하세요.

media.io를 사용하여 생성된 스틸 나이트 이미지 예시

18) 세이지 앤 수트

HEX: #0d0f0e #202622 #6f8a7b #ccd8d1 #f6fbf8

무드: 신선한, 부드러운, 회복력 있는

최적: 스파 브로슈어

조용한 허브 정원에서 피어오르는 증기처럼 신선하고 회복력 있습니다. 스파 브로슈어, 웰니스 랜딩 페이지, 차분한 제품 가이드에 사용하세요. 레이아웃을 통기성 있게 유지하기 위해 세이지 그린과 부드러운 오프화이트를 조합하고 헤딩 및 콜아웃에는 수트를 사용하세요. 팁: 그린이 화면에서 너무 파랗게 변하지 않도록 사진을 따뜻한-중립으로 유지하세요.

media.io를 사용하여 생성된 세이지 앤 수트 이미지 예시

19) 플럼 신더

HEX: #0d0c10 #251a2a #5a2d63 #c9a7cf #f7f0fa

무드: 대담한, 예술적인, 신비로운

최적: 음악 포스터

어두운 앰프 위의 보라색 무대 안개처럼 대담하고 신비롭습니다. 이 옥시 컬러 팔레트는 음악 포스터, 클럽 나이트, 앨범 프로모션 그래픽에 드라마를 가져다줍니다. 읽기 쉬운 타이포그래피를 위해 플럼과 페일 라일락을 조합한 다음 거의 검은색 블록과 테두리로 레이아웃을 안정시키세요. 팁: 플럼이 하나의 큰 형태에서 작용하도록 하고 나머지는 미니멀하게 유지하세요.

media.io를 사용하여 생성된 플럼 신더 이미지 예시

20) 테라코타 더스크

HEX: #100d0c #2a1f1b #8a4a3c #d9b0a7 #fbf1ee

무드: 따뜻한, 소박한, 현대적인

최적: 레스토랑 메뉴

황혼에 식어가는 테라코타 타일처럼 따뜻하고 소박합니다. 현대적인 엣지가 있는 레스토랑 메뉴, 베이커리 브랜딩, 계절별 스페셜에 사용하세요. 섹션 배경에는 테라코타와 페일 블러시를 조합하고 항목 이름 및 가격에는 거의 검은색을 유지하세요. 팁: 레이아웃을 세련되게 유지하기 위해 무거운 선 대신 음소거된 블러시 톤으로 미묘한 구분선을 추가하세요.

media.io를 사용하여 생성된 테라코타 더스크 이미지 예시

오닉스와 잘 어울리는 색상은?

옥시는 깔끔하고 가독성 높은 대비를 위해 부드러운 오프화이트 및 쿨 그레이와 잘 어울립니다—편집자적 및 UI 레이아웃에 완벽합니다. 더 따뜻한 느낌을 원한다면 크림, 샌드, 토프로 바꿔 옥시가 덜 "기술적"이고 더 "가정적"으로 느껴지도록 하세요.

강조 색상의 경우, 음소거된 그린(세이지, 올리브, 포레스트)은 옥시와 대비하여 자연스럽고 현대적으로 읽히며, 채도가 낮은 블루(스틸, 오션)는 전문적이고 신뢰할 수 있게 느껴집니다. 프리미엄 엣지를 원한다면 브론즈, 구리, 골드와 같은 메탈릭에서 영감을 받은 색조가 시끄러운 채도 없이 따뜻함과 "럭셔리 조명"을 추가합니다.

더 대담한 크리에이티브 작업의 경우, 딥 플럼이나 더스티 블러시가 옥시를 부드럽게 하고 감정을 더할 수 있습니다—공간 확보를 위해 팔레트에서 가장 밝은 톤을 유지하기만 하면 됩니다.

실제 디자인에서 오닉스 컬러 팔레트를 사용하는 방법

역할 할당부터 시작하세요: 기본 배경, 내비게이션 또는 헤드라인 텍스트에 옥시를 사용하고; 보조 표면 및 UI 상태에는 미드 톤(차콜/스틸)을 사용하며; 읽기 쉬운 콘텐츠 블록에는 거의 화이트 또는 크림을 유지하세요. 이렇게 하면 디자인이 평평한 어두운 슬래브로 변하는 것을 방지합니다.

강조를 하나의 주요 하이라이트 색상(에메랄드, 브론즈 또는 스틸 블루 등)으로 제한하고 버튼, 아이콘, 주요 데이터 포인트에서 일관되게 반복하세요. 인쇄할 때 대형 옥시 영역에 순수한 화이트를 피하세요; 약간 부드러워진 밝은 톤이 종종 더 매끄럽게 보이고 시각적 거칠음을 줄입니다.

인테리어에서는 옥시를 접지 재료처럼 취급하세요—아늑함을 위해 따뜻한 뉴트럴(샌드, 크림)과 조합하거나 현대적인 갤러리 느낌을 위해 쿨한 페일 그레이와 조합하세요. 어두운 팔레트가 무균으로 느껴지지 않도록 질감(종이, 그레인, 무광 마감)을 추가하세요.

AI로 오닉스 팔레트 비주얼 만들기

대시보드, 포스터, 메뉴 또는 패키징과 같은 실제 구성에서 옥시 팔레트가 어떻게 보이는지 미리 보려면 먼저 빠른 목업 비주얼을 생성하세요. 프로덕션 파일에 커밋하기 전에 대비, 계층 구조, 강조 균형을 테스트하는 효율적인 방법입니다.

Media.io를 사용하면 간단한 프롬프트를 브랜드에 맞는 팔레트 비주얼로 바꾸고 빠르게 반복할 수 있습니다: 강조 색상을 바꾸거나, 분위기(럭셔리 대 견고)를 조정하거나, 몇 분 안에 형식(전단지 대 랜딩 페이지)을 변경할 수 있습니다.

다음: 스노우 컬러 팔레트