Burgundy

Burgundy is a deep, dark red with a hint of purple, reminiscent of the wine from its namesake region in France.

It's a warm color, but its purplish undertones give it a cooler, more complex character than a true red. As a shade, it's created by mixing red with black, resulting in a color that feels both substantial and sophisticated.

Burgundy, the color #800020, is a shade of quiet confidence and refined power. It represents ambition and wealth, not with loud assertion, but with an air of established sophistication and seriousness.

Drawing its name from the famous French wine region, the color evokes feelings of luxury, maturity, and high quality, much like a vintage bottle of wine.

In UI and web design, Burgundy (#800020) often works best as a powerful accent. Its depth can draw focus to calls-to-action, active states, or key branding elements. For a sophisticated and clean interface, pair it with neutrals like cream, beige, or light gray. To create a more dynamic and memorable composition, consider contrasting it with complementary colors like a muted teal or a rich, golden yellow.

While few major brands use a true Burgundy as their primary color, companies like Magnolia Market employ similar deep reds to project warmth and quality. Its relative rarity in digital products offers an opportunity for a brand to stand out and create a distinct visual identity.

Use the tools below to explore curated palettes, test color contrast for accessibility, and preview Burgundy in real UI components from top brands.

Working with the color Burgundy in your projects often begins with its hex code, #800020. This code is the standard for web applications, but its rich, deep tone requires thoughtful application to maintain its sophisticated feel without overwhelming a design.

Different mediums call for different color models. While a HEX code is perfect for CSS, you’ll need RGB (Red, Green, Blue) values for digital displays and CMYK (Cyan, Magenta, Yellow, Key) for print materials. Other codes like HSL (Hue, Saturation, Lightness) offer a more intuitive way for designers to make adjustments. Each system translates the visual properties of Burgundy for a specific context, from screen to paper.

To make things easy, we've converted Burgundy's #800020 hex code into a variety of popular formats. You can find and copy the exact values you need for your project below.