#3E0A1DEspresso
#8B2F4BBrick Red
#C9A961Sand
#F4ECE4Linen

Burgundy Velvet color palette

Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Burgundy Velvet is a analogous color palette tagged luxury, dark, warm. Analogous neighbors on the wheel (Espresso, Brick Red, Sand) 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#3E0A1Drgb(62, 10, 29)hsl(338, 72%, 14%)oklch(24.8% 0.081 3)
Brick Red#8B2F4Brgb(139, 47, 75)hsl(342, 49%, 36%)oklch(44.8% 0.127 5)
Sand#C9A961rgb(201, 169, 97)hsl(42, 49%, 58%)oklch(74.8% 0.099 86)
Linen#F4ECE4rgb(244, 236, 228)hsl(30, 42%, 93%)oklch(94.7% 0.014 68)

Why it works and how to use it

The palette holds together thanks to its analogous hue relationship and a strong light-to-dark ladder (93% down to 14% lightness). A natural fit for premium branding and packaging.

  • Background: Linen (#F4ECE4) is the lightest color, so it belongs on large surfaces.
  • Text: Espresso (#3E0A1D) on #F4ECE4 gives 14.19:1, passing WCAG AAA.
  • Primary: Brick Red (#8B2F4B) is the most saturated mid-tone; use it for buttons and links (6.89:1 against the background, fine for UI elements).
  • Accent: Sand (#C9A961) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Espresso on Linen at 14.19:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Burgundy Velvet

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

#3E0A1D
#8B2F4B
#C9A961
#F4ECE4

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

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#3E0A1D on #F4ECE4Aa14.19:1AAA
#3E0A1D on #C9A961Aa7.37:1AAA
#8B2F4B on #F4ECE4Aa6.89:1AA
#8B2F4B on #C9A961Aa3.58:1AA large only
#3E0A1D on #8B2F4BAa2.06:1Fail
#C9A961 on #F4ECE4Aa1.93:1Fail

Similar palettes 24 more in this mood