#663537Wine
#955558Chestnut
#E2DAD5Bone
#F5F2F1Smoke

Chestnut & Wine Tale color palette

WinterMutedWarmBrownGrayWhite
Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Chestnut & Wine Tale is a 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.

Color codes click any value to copy

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

Why it works and how to use it

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
Card title
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.

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#663537 on #F5F2F1Aa8.85:1AAA
#663537 on #E2DAD5Aa7.15:1AAA
#955558 on #F5F2F1Aa5.07:1AA
#955558 on #E2DAD5Aa4.09:1AA large only
#663537 on #955558Aa1.75:1Fail
#E2DAD5 on #F5F2F1Aa1.24:1Fail

Similar palettes 24 more in this mood

More winter palettes →More muted palettes →More warm palettes →More brown palettes →More gray palettes →More white palettes →