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

The Deep Umber Skin color palette consists of Dusty Rose #DDAB90, Clay #A16C4E, Sepia #6C4128, Licorice #291508.

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

Use Dusty Rose #DDAB90 as the background, Licorice #291508 for text, Sepia #6C4128 for buttons and links, and Clay #A16C4E for accents. 1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Dusty Rose on Licorice at 8.55:1.

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

The highest-contrast pair is #DDAB90 on #291508 with a ratio of 8.55:1, which passes WCAG AA for normal text.

#DDAB90Dusty Rose

#A16C4EClay

#6C4128Sepia

#291508Licorice

Deep Umber Skin color palette

Skin Tone Dark Muted Warm Earthy Beige Brown Black

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Dusty Rose	`#DDAB90`	`rgb(221, 171, 144)`	`hsl(21, 53%, 72%)`	`oklch(78.0% 0.070 50)`
Clay	`#A16C4E`	`rgb(161, 108, 78)`	`hsl(22, 35%, 47%)`	`oklch(58.0% 0.081 50)`
Sepia	`#6C4128`	`rgb(108, 65, 40)`	`hsl(22, 46%, 29%)`	`oklch(42.0% 0.071 50)`
Licorice	`#291508`	`rgb(41, 21, 8)`	`hsl(24, 67%, 10%)`	`oklch(22.0% 0.040 53)`

Why it works and how to use it

Deep Umber Skin is a dark, monochromatic color palette tagged skin tone, dark, muted. All four colors sit within 3° 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 10% to 72%. Well suited to wellness, organic and outdoor brands.

Background: Dusty Rose (#DDAB90) is the lightest color, so it belongs on large surfaces.
Text: Licorice (#291508) on #DDAB90 gives 8.55:1, passing WCAG AAA.
Primary: Sepia (#6C4128) is the most saturated mid-tone; use it for buttons and links (4.25:1 against the background, fine for UI elements).
Accent: Clay (#A16C4E) for highlights, badges and hover states.

1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Dusty Rose on Licorice at 8.55:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Deep Umber 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

#DDAB90

#A16C4E

#6C4128

#291508

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
`#DDAB90` on `#291508`	Aa	8.55:1	AAA
`#DDAB90` on `#6C4128`	Aa	4.25:1	AA large only
`#A16C4E` on `#291508`	Aa	3.96:1	AA large only
`#DDAB90` on `#A16C4E`	Aa	2.16:1	Fail
`#6C4128` on `#291508`	Aa	2.01:1	Fail
`#A16C4E` on `#6C4128`	Aa	1.97:1	Fail

Similar palettes 25 more in this mood