Palette

Aged Burgundy Vault

A rich progression of deep, brooding reds, reminiscent of aged Burgundy in a cool, shadowy vault.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Aged Burgundy Vault reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Aged Burgundy Vault.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#360000#630000#9b0000#c70000#ff0000

Palette guide

How to use Aged Burgundy Vault

Overview

The Aged Burgundy Vault palette offers a dramatic and luxurious spectrum of deep reds, perfect for projects demanding elegance and intensity. This collection progresses from the near-black depth of #360000 to the vibrant, yet rich #ff0000, reminiscent of fine aged wine or opulent velvet. Designers can leverage these brooding hues to create a sense of history, sophistication, and powerful emotion. Ideal for high-end branding, theatrical designs, or digital interfaces requiring a strong, memorable presence. The mid-tones like #9b0000 provide excellent versatility, while #630000 grounds the scheme with its profound richness, ensuring a cohesive and impactful visual narrative for both web and print applications.

Best used for

Luxury brand websites
Historical documentary titles
Theatrical set designs
High-end restaurant interiors
Wine label design
Dark mode UI themes

Suggested color roles

primary

Use #630000 for main sections, headers, or significant elements, conveying luxury and authority.

secondary

Employ #9b0000 for sub-headers, active states, or supporting content blocks, offering a more vibrant yet rich red.

accent

Apply #ff0000 as a powerful accent to draw immediate attention to calls-to-action, warnings, or key interactive elements.

background

Utilize #360000 as a sophisticated, almost black backdrop for a dramatic and immersive user experience.

text

For optimal readability, use a pure white or very light gray text (e.g., #F0F0F0) on #360000 or #630000 backgrounds. For highlights, #ff0000 can be used for large titles.

Accessibility notes

Ensure sufficient contrast for #ff0000 text against #360000 or #630000 backgrounds, often requiring larger font sizes.
Use white or very light gray text on darker shades like #360000 and #630000 for body text readability.
Avoid using #c70000 or #ff0000 for large blocks of body text, as intense reds can cause eye strain.
Test contrast ratios for all text and interactive elements, especially against varying background shades within this palette.

Recommended combinations

Deep Contrast

For high-impact calls to action or dramatic visual statements where intense contrast is desired.

#360000 · #FF0000 · #630000

Rich Depth

Creates a sophisticated gradient or layered effect, ideal for backgrounds or content blocks.

#630000 · #9B0000 · #360000

Vibrant Accent

For subtle transitions, progress indicators, or vibrant accents within a darker scheme.

#9B0000 · #C70000 · #FF0000

CSS variables

:root {
  --aged-burgundy-vault-1: #360000;
  --aged-burgundy-vault-2: #630000;
  --aged-burgundy-vault-3: #9b0000;
  --aged-burgundy-vault-4: #c70000;
  --aged-burgundy-vault-5: #ff0000;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aged-burgundy-vault": {
        1: "#360000",
        2: "#630000",
        3: "#9b0000",
        4: "#c70000",
        5: "#ff0000",
      }
    }
  }
}

Hex values

Color 1#360000

Color 2#630000

Color 3#9b0000

Color 4#c70000

Color 5#ff0000

Accessibility

Contrast checker

1.3:1Fail

2.1:1Fail

3:1Fail

4.5:1AA

1.3:1Fail

1.6:1Fail

2.2:1Fail

3.4:1AA18

2.1:1Fail

1.6:1Fail

1.4:1Fail

2.2:1Fail

3:1Fail

2.2:1Fail

1.4:1Fail

1.5:1Fail

4.5:1AA

3.4:1AA18

2.2:1Fail

1.5:1Fail

Similar palettes

More like Aged Burgundy Vault

Aged Burgundy Vault

See it in context.

Ready when you are.

Built with Aged Burgundy Vault.

How to use Aged Burgundy Vault

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Deep Contrast

Rich Depth

Vibrant Accent

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Aged Burgundy Vault