What are the hex codes in the Chestnut & Wine Tale palette?

The Chestnut & Wine Tale color palette consists of Wine #663537, Chestnut #955558, Bone #E2DAD5, Smoke #F5F2F1.

How should I use the Chestnut & Wine Tale palette on a website?

Use Smoke #F5F2F1 as the background, Wine #663537 for text, Chestnut #955558 for buttons and links, and Bone #E2DAD5 for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Wine on Smoke at 8.85:1.

Which colors in Chestnut & Wine Tale have enough contrast for text?

The highest-contrast pair is #663537 on #F5F2F1 with a ratio of 8.85:1, which passes WCAG AA for normal text.

#663537Wine

#955558Chestnut

#E2DAD5Bone

#F5F2F1Smoke

Chestnut & Wine Tale color palette

Winter Muted Warm Brown Gray White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Wine	`#663537`	`rgb(102, 53, 55)`	`hsl(358, 32%, 30%)`	`oklch(39.2% 0.070 18)`
Chestnut	`#955558`	`rgb(149, 85, 88)`	`hsl(357, 27%, 46%)`	`oklch(52.4% 0.085 17)`
Bone	`#E2DAD5`	`rgb(226, 218, 213)`	`hsl(23, 18%, 86%)`	`oklch(89.3% 0.011 54)`
Smoke	`#F5F2F1`	`rgb(245, 242, 241)`	`hsl(15, 17%, 95%)`	`oklch(96.3% 0.003 39)`

Why it works and how to use it

Chestnut & Wine Tale is an analogous color palette tagged winter, muted, warm. Analogous neighbors on the wheel (Wine, Chestnut, Bone) give it a natural, low-tension flow. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is warm.

It works because the lightness range is wide (30% to 95%), which gives clear hierarchy between background, content and accents. Try it for websites, presentations and branding.

Background: Smoke (#F5F2F1) is the lightest color, so it belongs on large surfaces.
Text: Wine (#663537) on #F5F2F1 gives 8.85:1, passing WCAG AAA.
Primary: Chestnut (#955558) is the most saturated mid-tone; use it for buttons and links (5.07:1 against the background, fine for UI elements).
Accent: Bone (#E2DAD5) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Wine on Smoke at 8.85:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Chestnut & Wine Tale

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

#663537

#955558

#E2DAD5

#F5F2F1

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
`#663537` on `#F5F2F1`	Aa	8.85:1	AAA
`#663537` on `#E2DAD5`	Aa	7.15:1	AAA
`#955558` on `#F5F2F1`	Aa	5.07:1	AA
`#955558` on `#E2DAD5`	Aa	4.09:1	AA large only
`#663537` on `#955558`	Aa	1.75:1	Fail
`#E2DAD5` on `#F5F2F1`	Aa	1.24:1	Fail

Similar palettes 24 more in this mood