Burgundy Color Palette

Burgundy is a dark red with a purple lean, named after the French wine region. #800020 is the shade most often quoted for it, sitting at 345° hue and 25% lightness. Grab the HEX codes from a scheme below, or build a custom burgundy palette around any base colour with the generator.

Burgundy Palette Ideas & HEX Codes

Deep Burgundy is the tightest set, 342°–351° with nothing above 35% lightness. Wine Burgundy shifts further toward purple (333°–343°) and ends on a lighter #B83B5E. Soft Burgundy is the only one with tints — #D69BA3 and #E8C1C5 give you background colours the other two lack.

Deep Burgundy

#2B0A0F
#4A0E1C
#6B0F2A
#800020
#A31234

Wine Burgundy

#3C0919
#5C0A2B
#7A0C3D
#9B1B4E
#B83B5E

Soft Burgundy

#5C0016
#800020
#B85C6B
#D69BA3
#E8C1C5

Anchored to a burgundy base — press Space or Generate to roll more schemes. Click a swatch to copy its HEX, lock one to keep it while the rest re-roll, then export as CSS, JSON or HEX.

Free, no sign-up Generated in your browser CSS, JSON & HEX export

Drag in the colour area or the hue bar, or type a HEX / RGB value, then build a scheme anchored to it.

What Goes With Burgundy

Burgundy is dark enough to act as the black of a palette, so it takes a light neutral and one metallic well: cream or ivory for the ground, gold for the accent. Autumn weddings, wine and spirits labels, and luxury editorial are where it turns up most.

Frequently Asked Questions

What HEX codes make a burgundy palette?
Burgundy palettes are built on deep, dark reds: a near-black wine anchor (#2B0A0F, #4A0E1C), a rich burgundy (#800020, #9B1B4E) and dusty rose tints (#D69BA3, #E8C1C5) to lighten. The dark, slightly purple red is what separates burgundy from a bright red. Rather than mixing your own, take one of the three sets above: Deep Burgundy, Wine Burgundy or Soft Burgundy. Their outer limits are #2B0A0F and #E8C1C5, a ratio of 11.1:1, enough for body text at any size under WCAG AA and AAA.
What is the difference between burgundy and maroon?
The undertone separates burgundy from maroon. Burgundy #800020 sits at 345° hue, on the purple side of red; maroon #800000 is at 0°, pure red with the lightness taken out, so it reads brown rather than wine. Both are 25% lightness, which is why they look alike until you set them side by side.
How do I use these colours in CSS?
Click Copy CSS for a ready-to-paste :root block with each colour as a custom property (--color-1, --color-2 and so on), or copy a single HEX straight from any swatch above. If a ready-made set is easier, the Deep Burgundy row above reads #2B0A0F through #A31234 and you can type those five in as the custom properties yourself. The generator instead rolls around #800020, the base burgundy this page is anchored to. Copy JSON gives an array and Copy HEX a comma-separated line when a :root block is not what your project wants.
What are the RGB and HSL values for burgundy?
The base burgundy this page is anchored to is #800020, which is rgb(128, 0, 32) and hsl(345, 100%, 25%). A hue of 345 degrees puts it in the reds, and 25% lightness with 100% saturation makes it a dark shade. The colour picker above accepts HEX or R, G and B numbers directly, so you can type any of those in and rebuild the palette around it. The other codes in the sets above are steps around that base: lighter, darker, or nudged a little along the hue.

More palettes: Maroon palette  ·  Red palette  ·  Earth Tone palette  ·  all colours

Related color tools

Color Palette Generator

Roll random harmonious palettes, or build one from any base colour.

Color tools

→

Image Color Picker

Pick exact HEX, RGB and HSL colors from any image with an eyedropper.

Color tools

→