Back to palettes

Palette

Crimson Velvet Theater

Rich and dramatic, inspired by the deep crimson velvet drapes and dark ambiance of an old theater.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B0000#B22222#DC143C#2F2F2F#5A0000

Palette guide

How to use Crimson Velvet Theater

Overview

The Crimson Velvet Theater palette is rich and dramatic, inspired by the deep crimson velvet drapes and dark ambiance of an old theater. Featuring profound hues like #5A0000 and #8B0000, transitioning to vibrant #B22222 and #DC143C, all anchored by a deep #2F2F2F, this collection is perfect for projects demanding elegance, mystery, and a touch of vintage grandeur. 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 sophistication.

Best used for

  • Theater and performing arts branding
  • Luxury event invitations and decor
  • Vintage or gothic-themed websites
  • High-end fashion and jewelry campaigns
  • Editorial design for cultural publications
  • Dark mode UI with a touch of elegance

Suggested color roles

primary

#8B0000 for a deep, theatrical base that signifies elegance and drama.

secondary

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

accent

#DC143C for striking highlights or calls to action, mimicking the glow of stage lights.

background

#2F2F2F provides a sophisticated, dark backdrop, allowing the crimson tones to truly shine.

text

A crisp white, soft gold, or very light gray against the dark reds and charcoal for optimal readability.

Accessibility notes

  • Ensure very high contrast for text on #2F2F2F, #5A0000, and #8B0000 backgrounds; light text is essential.
  • Text in #B22222 or #DC143C will likely need a light background for readability.
  • Be cautious using #DC143C as text on #B22222 due to potential low contrast.
  • For interactive elements, ensure clear visual cues beyond color, especially with a mix of deep hues.

Recommended combinations

Grand Entrance

Ideal for creating a dramatic, dark gradient in backgrounds or large design elements.

#2F2F2F · #5A0000 · #8B0000

Spotlight Glamour

Perfect for energetic calls to action or vibrant highlights against a dark stage.

#B22222 · #DC143C · #2F2F2F

Velvet Shadows

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

#5A0000 · #8B0000 · #B22222

CSS variables

:root {
  --crimson-velvet-theater-1: #8B0000;
  --crimson-velvet-theater-2: #B22222;
  --crimson-velvet-theater-3: #DC143C;
  --crimson-velvet-theater-4: #2F2F2F;
  --crimson-velvet-theater-5: #5A0000;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "crimson-velvet-theater": {
        1: "#8B0000",
        2: "#B22222",
        3: "#DC143C",
        4: "#2F2F2F",
        5: "#5A0000",
      }
    }
  }
}

Related searches

velvet theater colorsdramatic crimson paletteluxury dark brandingred and charcoal designvintage glamour color scheme

Palette colors

Hex values

Color 1#8B0000
·
Color 2#B22222
·
Color 3#DC143C
·
Color 4#2F2F2F
·
Color 5#5A0000
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2:1Fail
1.3:1Fail
1.5:1Fail
2
1.5:1Fail
1.3:1Fail
2:1Fail
2.2:1Fail
3
2:1Fail
1.3:1Fail
2.7:1Fail
2.9:1Fail
4
1.3:1Fail
2:1Fail
2.7:1Fail
1.1:1Fail
5
1.5:1Fail
2.2:1Fail
2.9:1Fail
1.1:1Fail

Similar palettes

More like Crimson Velvet Theater

View all dark
Velvet Theater Seats
Deep Crimson Curtain
Opera House Richness
Velvet Theater
Velvet Theater Curtains
Velvet Theater Seats