What are the hex codes in the Burnt Sienna palette?

The Burnt Sienna color palette consists of Coffee #7A4A2E, Clay #B06A3B, Dusty Rose #E7A977, Champagne #F9E4D0.

How should I use the Burnt Sienna palette on a website?

Use Champagne #F9E4D0 as the background, Coffee #7A4A2E for text, Dusty Rose #E7A977 for buttons and links, and Clay #B06A3B for accents. 1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Coffee on Champagne at 5.98:1.

Which colors in Burnt Sienna have enough contrast for text?

The highest-contrast pair is #7A4A2E on #F9E4D0 with a ratio of 5.98:1, which passes WCAG AA for normal text.

#7A4A2ECoffee

#B06A3BClay

#E7A977Dusty Rose

#F9E4D0Champagne

Burnt Sienna color palette

Earthy Autumn Warm Brown Beige

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Coffee	`#7A4A2E`	`rgb(122, 74, 46)`	`hsl(22, 45%, 33%)`	`oklch(45.8% 0.077 50)`
Clay	`#B06A3B`	`rgb(176, 106, 59)`	`hsl(24, 50%, 46%)`	`oklch(59.2% 0.109 53)`
Dusty Rose	`#E7A977`	`rgb(231, 169, 119)`	`hsl(27, 70%, 69%)`	`oklch(78.2% 0.098 60)`
Champagne	`#F9E4D0`	`rgb(249, 228, 208)`	`hsl(29, 77%, 90%)`	`oklch(93.1% 0.035 66)`

Why it works and how to use it

Burnt Sienna is a monochromatic color palette tagged earthy, autumn, warm. All four colors sit within 7° 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, Dusty Rose takes the lead while the rest support. Lightness runs from 33% to 90%. Well suited to wellness, organic and outdoor brands.

Background: Champagne (#F9E4D0) is the lightest color, so it belongs on large surfaces.
Text: Coffee (#7A4A2E) on #F9E4D0 gives 5.98:1, passing WCAG AA.
Primary: Dusty Rose (#E7A977) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Clay (#B06A3B) for highlights, badges and hover states.

1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Coffee on Champagne at 5.98:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Burnt Sienna

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

#7A4A2E

#B06A3B

#E7A977

#F9E4D0

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
`#7A4A2E` on `#F9E4D0`	Aa	5.98:1	AA
`#7A4A2E` on `#E7A977`	Aa	3.63:1	AA large only
`#B06A3B` on `#F9E4D0`	Aa	3.43:1	AA large only
`#B06A3B` on `#E7A977`	Aa	2.08:1	Fail
`#7A4A2E` on `#B06A3B`	Aa	1.75:1	Fail
`#E7A977` on `#F9E4D0`	Aa	1.65:1	Fail

Similar palettes 24 more in this mood