What are the hex codes in the Sunbaked Cedar & Chestnut palette?

The Sunbaked Cedar & Chestnut color palette consists of Cedar #923B0F, Chestnut #A34E54, Stone #AB7FAE, Lilac #D5A8BC.

How should I use the Sunbaked Cedar & Chestnut palette on a website?

Use Lilac #D5A8BC as the background, Cedar #923B0F for text, Chestnut #A34E54 for buttons and links, and Stone #AB7FAE for accents. No pair inside the palette reaches 4.5:1, so add black or white for body text.

Which colors in Sunbaked Cedar & Chestnut have enough contrast for text?

The highest-contrast pair is #923B0F on #D5A8BC with a ratio of 3.56:1, which passes WCAG AA for large text only.

#923B0FCedar

#A34E54Chestnut

#AB7FAEStone

#D5A8BCLilac

Sunbaked Cedar & Chestnut color palette

Boho Warm Brown

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Cedar	`#923B0F`	`rgb(146, 59, 15)`	`hsl(20, 81%, 32%)`	`oklch(46.6% 0.129 43)`
Chestnut	`#A34E54`	`rgb(163, 78, 84)`	`hsl(356, 35%, 47%)`	`oklch(53.1% 0.113 17)`
Stone	`#AB7FAE`	`rgb(171, 127, 174)`	`hsl(296, 22%, 59%)`	`oklch(65.5% 0.085 324)`
Lilac	`#D5A8BC`	`rgb(213, 168, 188)`	`hsl(333, 35%, 75%)`	`oklch(77.8% 0.059 350)`

Why it works and how to use it

Sunbaked Cedar & Chestnut is a split color palette tagged boho, warm, brown. The hues span about 84°, enough contrast to create a focal point without the harshness of true complements. Neither washed out nor loud, it adapts to most contexts. The overall temperature is warm.

The palette holds together thanks to its split hue relationship and a soft light-to-dark ladder (75% down to 32% lightness). A natural fit for websites, presentations and branding.

Background: Lilac (#D5A8BC) is the lightest color, so it belongs on large surfaces.
Text: Cedar (#923B0F) on #D5A8BC gives 3.56:1, enough for large headings only.
Primary: Chestnut (#A34E54) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Stone (#AB7FAE) 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 Sunbaked Cedar & Chestnut

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

#923B0F

#A34E54

#AB7FAE

#D5A8BC

Color-blind check: under tritanopia, Cedar and Chestnut become hard to tell apart, so do not rely on that pair alone to carry meaning.

Palette card

Contrast check WCAG ratios between palette colors

Pair	Sample	Ratio	Level
`#923B0F` on `#D5A8BC`	Aa	3.56:1	AA large only
`#A34E54` on `#D5A8BC`	Aa	2.69:1	Fail
`#923B0F` on `#AB7FAE`	Aa	2.23:1	Fail
`#A34E54` on `#AB7FAE`	Aa	1.69:1	Fail
`#AB7FAE` on `#D5A8BC`	Aa	1.59:1	Fail
`#923B0F` on `#A34E54`	Aa	1.32:1	Fail

Similar palettes 24 more in this mood