#4A0E0EEspresso
#9C3F3CChestnut
#C85956Punch
#E8D8C4Bone

Wine Cellar color palette

Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Wine Cellar is a analogous color palette tagged luxury, dark, warm. Analogous neighbors on the wheel (Espresso, Chestnut, Punch) 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
Espresso#4A0E0Ergb(74, 14, 14)hsl(0, 68%, 17%)oklch(27.3% 0.090 25)
Chestnut#9C3F3Crgb(156, 63, 60)hsl(2, 44%, 42%)oklch(49.3% 0.125 25)
Punch#C85956rgb(200, 89, 86)hsl(2, 51%, 56%)oklch(60.3% 0.143 24)
Bone#E8D8C4rgb(232, 216, 196)hsl(33, 44%, 84%)oklch(89.0% 0.032 74)

Why it works and how to use it

With 4 chromatic colors, Punch takes the lead while the rest support. Lightness runs from 17% to 84%. Well suited to premium branding and packaging.

  • Background: Bone (#E8D8C4) is the lightest color, so it belongs on large surfaces.
  • Text: Espresso (#4A0E0E) on #E8D8C4 gives 11.06:1, passing WCAG AAA.
  • Primary: Punch (#C85956) is the most saturated mid-tone; use it for buttons and links (3:1 against the background, fine for UI elements).
  • Accent: Chestnut (#9C3F3C) for highlights, badges and hover states.

2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Espresso on Bone at 11.06:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Wine Cellar

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

#4A0E0E
#9C3F3C
#C85956
#E8D8C4

Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#4A0E0E on #E8D8C4Aa11.06:1AAA
#9C3F3C on #E8D8C4Aa4.72:1AA
#4A0E0E on #C85956Aa3.69:1AA large only
#C85956 on #E8D8C4Aa3:1AA large only
#4A0E0E on #9C3F3CAa2.34:1Fail
#9C3F3C on #C85956Aa1.57:1Fail

Similar palettes 24 more in this mood