What are the hex codes in the Copper & Tan Hour palette?

The Copper & Tan Hour color palette consists of Walnut #5A4832, Copper #A8823F, Tan #D7AA7A, Linen #FFE9DE.

How should I use the Copper & Tan Hour palette on a website?

Use Linen #FFE9DE as the background, Walnut #5A4832 for text, Tan #D7AA7A for buttons and links, and Copper #A8823F for accents. 1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Walnut on Linen at 7.46:1.

Which colors in Copper & Tan Hour have enough contrast for text?

The highest-contrast pair is #5A4832 on #FFE9DE with a ratio of 7.46:1, which passes WCAG AA for normal text.

#5A4832Walnut

#A8823FCopper

#D7AA7ATan

#FFE9DELinen

Copper & Tan Hour color palette

Muted Warm Earthy Brown Beige White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Walnut	`#5A4832`	`rgb(90, 72, 50)`	`hsl(33, 29%, 27%)`	`oklch(41.4% 0.042 72)`
Copper	`#A8823F`	`rgb(168, 130, 63)`	`hsl(38, 45%, 45%)`	`oklch(63.0% 0.097 80)`
Tan	`#D7AA7A`	`rgb(215, 170, 122)`	`hsl(31, 54%, 66%)`	`oklch(76.8% 0.083 68)`
Linen	`#FFE9DE`	`rgb(255, 233, 222)`	`hsl(20, 100%, 94%)`	`oklch(94.9% 0.028 48)`

Why it works and how to use it

Copper & Tan Hour is a monochromatic color palette tagged muted, warm, 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, Tan takes the lead while the rest support. Lightness runs from 27% to 94%. Well suited to wellness, organic and outdoor brands.

Background: Linen (#FFE9DE) is the lightest color, so it belongs on large surfaces.
Text: Walnut (#5A4832) on #FFE9DE gives 7.46:1, passing WCAG AAA.
Primary: Tan (#D7AA7A) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Copper (#A8823F) for highlights, badges and hover states.

1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Walnut on Linen at 7.46:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Copper & Tan Hour

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

#5A4832

#A8823F

#D7AA7A

#FFE9DE

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
`#5A4832` on `#FFE9DE`	Aa	7.46:1	AAA
`#5A4832` on `#D7AA7A`	Aa	4.12:1	AA large only
`#A8823F` on `#FFE9DE`	Aa	3.03:1	AA large only
`#5A4832` on `#A8823F`	Aa	2.46:1	Fail
`#D7AA7A` on `#FFE9DE`	Aa	1.81:1	Fail
`#A8823F` on `#D7AA7A`	Aa	1.67:1	Fail

Similar palettes 24 more in this mood