Palette

Crimson Velvet Theatre

Rich, dramatic hues recalling the opulent velvet curtains and dimmed lights of an old opera house.

darkelegant5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Crimson Velvet Theatre 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 Crimson Velvet Theatre.

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

Data visualization

#5E0000#8B0000#BF360C#D8C29D#5F4B3C

Palette guide

How to use Crimson Velvet Theatre

Overview

The Crimson Velvet Theatre palette features rich, dramatic hues recalling the opulent velvet curtains and dimmed lights of an old opera house. With profound reds like #5E0000 and #8B0000, complemented by a unique #BF360C and grounded by #5F4B3C, with a touch of #D8C29D, this collection is perfect for projects demanding elegance, historical charm, and sophisticated warmth. Designers can leverage its opulent range for luxurious branding or refined digital interfaces. Developers will find these distinct hex codes valuable for crafting harmonious contrasts, defining clear visual hierarchies, and creating an immersive experience that evokes timeless grandeur.

Best used for

Opera house or theater branding
Vintage-themed luxury products
Historical preservation websites
Elegant event invitations and decor
Fine art and antique dealer platforms
Editorial design with a classic, rich feel

Suggested color roles

primary

#8B0000 for a deep, opulent base that commands attention and signifies tradition.

secondary

#BF360C to introduce a vibrant yet refined layer, suitable for prominent headings or key content areas.

accent

#D8C29D for a soft, illuminating highlight, mimicking aged gold or dimmed stage lights.

background

#5E0000 provides a profound, velvety backdrop, enhancing the richness of other colors.

text

A crisp white, soft cream, or light gold against darker shades, or a deep brown/charcoal against #D8C29D for readability.

Accessibility notes

Ensure very high contrast for text on #5E0000 and #8B0000 backgrounds; light text is essential.
Text in #BF360C will likely need a light background for readability.
Be cautious using #D8C29D as text on #5F4B3C or #BF360C due to potential low contrast.
For interactive elements, ensure clear visual cues beyond color, especially with a mix of dark and warm tones.

Recommended combinations

Opera Drape

Ideal for creating a luxurious, deep gradient in backgrounds or large design elements.

#5E0000 · #8B0000 · #BF360C

Aged Gold

Perfect for elegant highlights or calls to action, adding a touch of vintage gold.

#8B0000 · #D8C29D · #5F4B3C

Dimmed Lights

Great for softer transitions, background textures, or atmospheric effects.

#BF360C · #D8C29D · #5E0000

CSS variables

:root {
  --crimson-velvet-theatre-1: #5E0000;
  --crimson-velvet-theatre-2: #8B0000;
  --crimson-velvet-theatre-3: #BF360C;
  --crimson-velvet-theatre-4: #D8C29D;
  --crimson-velvet-theatre-5: #5F4B3C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "crimson-velvet-theatre": {
        1: "#5E0000",
        2: "#8B0000",
        3: "#BF360C",
        4: "#D8C29D",
        5: "#5F4B3C",
      }
    }
  }
}

Hex values

Color 1#5E0000

Color 2#8B0000

Color 3#BF360C

Color 4#D8C29D

Color 5#5F4B3C

Accessibility

Contrast checker

1.4:1Fail

2.5:1Fail

8.2:1AAA

1.7:1Fail

1.4:1Fail

1.8:1Fail

5.8:1AA

1.2:1Fail

2.5:1Fail

1.8:1Fail

3.2:1AA18

1.5:1Fail

8.2:1AAA

5.8:1AA

3.2:1AA18

4.7:1AA

1.7:1Fail

1.2:1Fail

1.5:1Fail

4.7:1AA

Similar palettes

More like Crimson Velvet Theatre