Burgundy Hex Code: #800020 — Shades, Palettes & Copy-Paste

#800020 is the burgundy hex code teams paste into CSS, Figma, and slide decks when they want wine depth without flat red. Burgundy sits between fire-engine red and near-black maroon: enough blue undertone to feel refined, enough red to stay warm on cream paper. If you need a darker press-friendly anchor, #722F37 (wine) and #4A0E0E (oxblood) from the shade table cover navigation, hovers, and embossed packaging mockups.

Burgundy in UI & web design

Luxury ecommerce and bookings. Burgundy headers with cream product grids (#FFF8F0) keep jewelry, wine, and hotel sites feeling editorial. Gold text (#FFD700) on burgundy rarely passes small-type contrast—use gold for borders and icons, white or cream for labels, and validate with the contrast checker.

University and club portals. Burgundy plus navy (#000080) is a classic pairing—assign navy to global navigation and burgundy to school-specific accents so multi-campus systems stay parseable. White login cards prevent endless burgundy scroll fatigue.

Forms and seasonal campaigns. Blush rows (#E8B4B8) make soft error or highlight backgrounds; reserve #800020 for primary submits and sale ribbons. Generate tint ramps from burgundy in the palette generator so Valentine or holiday skins reuse the same hue angle.

Dark mode needs separate tokens: burgundy glows on charcoal. Desaturate or deepen accent burgundy by ~10% on #111827 surfaces and re-test focus rings.

Burgundy in branding

Wineries, chocolatiers, private banks, and heritage fashion houses use burgundy because it signals maturity and ritual—think wax seals, velvet seating, and fall collections. Gold + cream pairings avoid the austerity of black + gold while staying formal. Navy + burgundy reads collegiate and timeless; blush + burgundy updates the story for beauty and bridal without losing warmth.

Print burgundy often shifts toward Pantone 195 C or similar; note the delta from #800020 on screen when cartons must match web hero imagery. Never use pure red CTAs beside burgundy brand fields—users cannot tell which action is primary.

FAQ

What is the burgundy hex code?

A widely used burgundy hex code is #800020, which is RGB(128, 0, 32) and HSL(345, 100%, 25%). Wine (#722F37) and oxblood (#4A0E0E) are common darker companions for navigation and hover states.

What colors pair with burgundy?

Gold (#FFD700), cream (#FFF8F0), navy (#000080), blush (#E8B4B8), and charcoal (#374151) pair well with burgundy. Verify WCAG contrast for white or gold text on burgundy buttons.

What is the difference between burgundy and maroon?

Burgundy (#800020) leans wine-purple with blue undertones. Maroon (#800000) is a purer red-brown. In design systems, name tokens explicitly so teams do not swap them in hover states.

Is burgundy good for branding?

Yes—for wine, luxury fashion, universities, and premium food brands that want depth without black. Use burgundy as accent or header bands, not full-screen saturated fields, and pair with cream or white content areas.

Related colors

• Forest Green Hex Code — natural green contrast for seasonal campaigns
• Sage Green Hex Code — muted partner for soft lifestyle layouts
• Terracotta Hex Code — warm clay accent adjacent to wine reds
• Navy Blue Hex Code — structural blue for burgundy + navy brands