What are the hex codes in the Golden Deep Skin palette?

The Golden Deep Skin color palette consists of Copper #B47C4C, Cocoa #8E5F35, Sepia #6B4524, Taupe #4A2E16.

How should I use the Golden Deep Skin palette on a website?

Use Copper #B47C4C as the background, Taupe #4A2E16 for text, Sepia #6B4524 for buttons and links, and Cocoa #8E5F35 for accents. No pair inside the palette reaches 4.5:1, so add black or white for body text.

Which colors in Golden Deep Skin have enough contrast for text?

The highest-contrast pair is #B47C4C on #4A2E16 with a ratio of 3.5:1, which passes WCAG AA for large text only.

#B47C4CCopper

#8E5F35Cocoa

#6B4524Sepia

#4A2E16Taupe

Golden Deep Skin color palette

Skin Tone Muted Warm Earthy Brown

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Copper	`#B47C4C`	`rgb(180, 124, 76)`	`hsl(28, 41%, 50%)`	`oklch(63.3% 0.095 60)`
Cocoa	`#8E5F35`	`rgb(142, 95, 53)`	`hsl(28, 46%, 38%)`	`oklch(52.7% 0.084 61)`
Sepia	`#6B4524`	`rgb(107, 69, 36)`	`hsl(28, 50%, 28%)`	`oklch(42.7% 0.071 60)`
Taupe	`#4A2E16`	`rgb(74, 46, 22)`	`hsl(28, 54%, 19%)`	`oklch(33.0% 0.055 60)`

Why it works and how to use it

Golden Deep Skin is a dark, monochromatic color palette tagged skin tone, muted, warm. All four colors sit within 0° of hue, so the scheme reads as one color explored across light and dark. Neither washed out nor loud, it adapts to most contexts. The overall temperature is warm.

With 4 chromatic colors, Sepia takes the lead while the rest support. Lightness runs from 19% to 50%. Well suited to wellness, organic and outdoor brands.

Background: Copper (#B47C4C) is the lightest color, so it belongs on large surfaces.
Text: Taupe (#4A2E16) on #B47C4C gives 3.5:1, enough for large headings only.
Primary: Sepia (#6B4524) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Cocoa (#8E5F35) for highlights, badges and hover states.

No pair inside the palette reaches 4.5:1, so add black or white for body text.

Preview on a real UI see how the palette feels in context

BrandFeaturesPricingBlogGet started

Design faster with Golden Deep Skin

A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.

Primary action Secondary

Card title

Roles are assigned by lightness.

Color blindness simulation

#B47C4C

#8E5F35

#6B4524

#4A2E16

Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.

Palette card

Contrast check WCAG ratios between palette colors

Pair	Sample	Ratio	Level
`#B47C4C` on `#4A2E16`	Aa	3.5:1	AA large only
`#B47C4C` on `#6B4524`	Aa	2.37:1	Fail
`#8E5F35` on `#4A2E16`	Aa	2.27:1	Fail
`#B47C4C` on `#8E5F35`	Aa	1.54:1	Fail
`#8E5F35` on `#6B4524`	Aa	1.53:1	Fail
`#6B4524` on `#4A2E16`	Aa	1.48:1	Fail

Similar palettes 24 more in this mood