What are the hex codes in the Wine Cellar palette?

The Wine Cellar color palette consists of Espresso #4A0E0E, Chestnut #9C3F3C, Punch #C85956, Bone #E8D8C4.

How should I use the Wine Cellar palette on a website?

Use Bone #E8D8C4 as the background, Espresso #4A0E0E for text, Punch #C85956 for buttons and links, and Chestnut #9C3F3C for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Espresso on Bone at 11.06:1.

Which colors in Wine Cellar have enough contrast for text?

The highest-contrast pair is #4A0E0E on #E8D8C4 with a ratio of 11.06:1, which passes WCAG AA for normal text.

#4A0E0EEspresso

#9C3F3CChestnut

#C85956Punch

#E8D8C4Bone

Wine Cellar color palette

Luxury Dark Warm Brown Red Beige

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Espresso	`#4A0E0E`	`rgb(74, 14, 14)`	`hsl(0, 68%, 17%)`	`oklch(27.3% 0.090 25)`
Chestnut	`#9C3F3C`	`rgb(156, 63, 60)`	`hsl(2, 44%, 42%)`	`oklch(49.3% 0.125 25)`
Punch	`#C85956`	`rgb(200, 89, 86)`	`hsl(2, 51%, 56%)`	`oklch(60.3% 0.143 24)`
Bone	`#E8D8C4`	`rgb(232, 216, 196)`	`hsl(33, 44%, 84%)`	`oklch(89.0% 0.032 74)`

Why it works and how to use it

Wine Cellar is an 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.

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

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.

Palette card

Contrast check WCAG ratios between palette colors

Pair	Sample	Ratio	Level
`#4A0E0E` on `#E8D8C4`	Aa	11.06:1	AAA
`#9C3F3C` on `#E8D8C4`	Aa	4.72:1	AA
`#4A0E0E` on `#C85956`	Aa	3.69:1	AA large only
`#C85956` on `#E8D8C4`	Aa	3:1	AA large only
`#4A0E0E` on `#9C3F3C`	Aa	2.34:1	Fail
`#9C3F3C` on `#C85956`	Aa	1.57:1	Fail

Similar palettes 24 more in this mood