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

The Clay & Chestnut Bloom color palette consists of Chestnut #92433E, Clay #BF6664, Linen #F3EBEB, Raisin #1D1D1D.

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

Use Linen #F3EBEB as the background, Raisin #1D1D1D for text, Clay #BF6664 for buttons and links, and Chestnut #92433E for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Linen on Raisin at 14.36:1.

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

The highest-contrast pair is #F3EBEB on #1D1D1D with a ratio of 14.36:1, which passes WCAG AA for normal text.

#92433EChestnut

#BF6664Clay

#F3EBEBLinen

#1D1D1DRaisin

Clay & Chestnut Bloom color palette

2026 Trends Dark Warm Brown White Gray

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Chestnut	`#92433E`	`rgb(146, 67, 62)`	`hsl(4, 40%, 41%)`	`oklch(48.4% 0.108 26)`
Clay	`#BF6664`	`rgb(191, 102, 100)`	`hsl(1, 42%, 57%)`	`oklch(61.3% 0.114 22)`
Linen	`#F3EBEB`	`rgb(243, 235, 235)`	`hsl(0, 25%, 94%)`	`oklch(94.6% 0.009 17)`
Raisin	`#1D1D1D`	`rgb(29, 29, 29)`	`hsl(0, 0%, 11%)`	`oklch(23.1% 0.000 0)`

Why it works and how to use it

Clay & Chestnut Bloom is a monochromatic color palette tagged 2026 trends, dark, warm. All four colors sit within 4° 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 3 chromatic colors, Clay takes the lead while the rest support. Lightness runs from 11% to 94%. Well suited to websites, presentations and branding.

Background: Linen (#F3EBEB) is the lightest color, so it belongs on large surfaces.
Text: Raisin (#1D1D1D) on #F3EBEB gives 14.36:1, passing WCAG AAA.
Primary: Clay (#BF6664) is the most saturated mid-tone; use it for buttons and links (3.38:1 against the background, fine for UI elements).
Accent: Chestnut (#92433E) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Clay & Chestnut Bloom

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

#92433E

#BF6664

#F3EBEB

#1D1D1D

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
`#F3EBEB` on `#1D1D1D`	Aa	14.36:1	AAA
`#92433E` on `#F3EBEB`	Aa	5.78:1	AA
`#BF6664` on `#1D1D1D`	Aa	4.25:1	AA large only
`#BF6664` on `#F3EBEB`	Aa	3.38:1	AA large only
`#92433E` on `#1D1D1D`	Aa	2.48:1	Fail
`#92433E` on `#BF6664`	Aa	1.71:1	Fail

Similar palettes 24 more in this mood