Wine Barrel

#aa5522

Deep wine-brown undertone with cooler, cellar warmth

Save
Share

About Wine Barrel

Wine Barrel looks like the inside of a wooden barrel after it's been sitting in a cool cellar: brown-forward, deep, and steady, with a dusty reddish-burgundy undertone instead of the more orange heat you get from nearby rust notes. Compared with , it's less "spice first" and more aged wood. Compared with , it holds extra depth and a slightly lower shine, so it reads more wine-stained than printed. And next to , it feels less smoky-caramel and more wine-barrel dark.

I use Wine Barrel when I want warmth that still feels composed on small UI surfaces. Think section headers and pill badges for wine, spirits, and bar menus, plus product cards for aged ingredients where you don't want orange to steal attention. It also works for editorial and commerce layouts that need a richer base than brown-leaning orange states, especially on buttons, checkout chips, and dense media galleries.

Quirk: it can swallow lighter yellows and creams if they're too bright, so I'll often pair it with oat, parchment, or warm greige to keep the contrast tasting clean.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Code snippets

Copy this color into your project.

Contrast checker

WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.

On White #ffffff

Aa
5.21:1AAAAA Large

On Gray 100 #f5f5f5

Aa
4.78:1AAAAA Large

On Gray 900 #18181b

Aa
3.40:1FailAA Large

On Black #000000

Aa
4.03:1FailAA Large

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

#a9561e
#a75429
#ad5928
#9c5b34

Create a gradient with Wine Barrel

Open the generator with this color pre-loaded.

Start creating