What are the hex codes in the Clay & Chestnut Sky palette?

The Clay & Chestnut Sky color palette consists of Clay #BC717D, Chestnut #95565F, Eggplant #703E46, Jet #4D292F.

How should I use the Clay & Chestnut Sky palette on a website?

Use Clay #BC717D as the background, Jet #4D292F for text, Eggplant #703E46 for buttons and links, and Chestnut #95565F for accents. No pair inside the palette reaches 4.5:1, so add black or white for body text.

Which colors in Clay & Chestnut Sky have enough contrast for text?

The highest-contrast pair is #BC717D on #4D292F with a ratio of 3.46:1, which passes WCAG AA for large text only.

#BC717DClay

#95565FChestnut

#703E46Eggplant

#4D292FJet

Clay & Chestnut Sky color palette

Muted Warm

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Clay	`#BC717D`	`rgb(188, 113, 125)`	`hsl(350, 36%, 59%)`	`oklch(63.3% 0.096 10)`
Chestnut	`#95565F`	`rgb(149, 86, 95)`	`hsl(351, 27%, 46%)`	`oklch(52.8% 0.084 11)`
Eggplant	`#703E46`	`rgb(112, 62, 70)`	`hsl(350, 29%, 34%)`	`oklch(42.7% 0.070 10)`
Jet	`#4D292F`	`rgb(77, 41, 47)`	`hsl(350, 31%, 23%)`	`oklch(33.0% 0.054 10)`

Why it works and how to use it

Clay & Chestnut Sky is a monochromatic color palette tagged muted, warm. All four colors sit within 1° 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.

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

Background: Clay (#BC717D) is the lightest color, so it belongs on large surfaces.
Text: Jet (#4D292F) on #BC717D gives 3.46:1, enough for large headings only.
Primary: Eggplant (#703E46) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Chestnut (#95565F) 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 Clay & Chestnut Sky

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

#BC717D

#95565F

#703E46

#4D292F

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
`#BC717D` on `#4D292F`	Aa	3.46:1	AA large only
`#BC717D` on `#703E46`	Aa	2.35:1	Fail
`#95565F` on `#4D292F`	Aa	2.25:1	Fail
`#BC717D` on `#95565F`	Aa	1.54:1	Fail
`#95565F` on `#703E46`	Aa	1.53:1	Fail
`#703E46` on `#4D292F`	Aa	1.47:1	Fail

Similar palettes 24 more in this mood