What are the hex codes in the Earthy Cedar & Espresso palette?

The Earthy Cedar & Espresso color palette consists of Putty #DBBFB4, Mocha #937161, Cedar #8F370E, Espresso #2C1A00.

How should I use the Earthy Cedar & Espresso palette on a website?

Use Putty #DBBFB4 as the background, Espresso #2C1A00 for text, Cedar #8F370E for buttons and links, and Mocha #937161 for accents. 1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Putty on Espresso at 9.66:1.

Which colors in Earthy Cedar & Espresso have enough contrast for text?

The highest-contrast pair is #DBBFB4 on #2C1A00 with a ratio of 9.66:1, which passes WCAG AA for normal text.

#DBBFB4Putty

#937161Mocha

#8F370ECedar

#2C1A00Espresso

Earthy Cedar & Espresso color palette

Dark Minimal Earthy Beige Brown

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Putty	`#DBBFB4`	`rgb(219, 191, 180)`	`hsl(17, 35%, 78%)`	`oklch(82.5% 0.036 43)`
Mocha	`#937161`	`rgb(147, 113, 97)`	`hsl(19, 20%, 48%)`	`oklch(57.8% 0.049 46)`
Cedar	`#8F370E`	`rgb(143, 55, 14)`	`hsl(19, 82%, 31%)`	`oklch(45.5% 0.129 42)`
Espresso	`#2C1A00`	`rgb(44, 26, 0)`	`hsl(35, 100%, 9%)`	`oklch(23.6% 0.050 74)`

Why it works and how to use it

Earthy Cedar & Espresso is a monochromatic color palette tagged dark, minimal, earthy. All four colors sit within 18° 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, Cedar takes the lead while the rest support. Lightness runs from 9% to 78%. Well suited to wellness, organic and outdoor brands.

Background: Putty (#DBBFB4) is the lightest color, so it belongs on large surfaces.
Text: Espresso (#2C1A00) on #DBBFB4 gives 9.66:1, passing WCAG AAA.
Primary: Cedar (#8F370E) is the most saturated mid-tone; use it for buttons and links (4.46:1 against the background, fine for UI elements).
Accent: Mocha (#937161) for highlights, badges and hover states.

1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Putty on Espresso at 9.66:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Earthy Cedar & Espresso

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

#DBBFB4

#937161

#8F370E

#2C1A00

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
`#DBBFB4` on `#2C1A00`	Aa	9.66:1	AAA
`#DBBFB4` on `#8F370E`	Aa	4.46:1	AA large only
`#937161` on `#2C1A00`	Aa	3.81:1	AA large only
`#DBBFB4` on `#937161`	Aa	2.54:1	Fail
`#8F370E` on `#2C1A00`	Aa	2.17:1	Fail
`#937161` on `#8F370E`	Aa	1.76:1	Fail

Similar palettes 24 more in this mood