Back to palettes

Palette

Velvet Theater Drape

Deep, rich reds reflecting the plush, luxurious curtains 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 Velvet Theater Drape 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 Velvet Theater Drape.

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

Data visualization

#4A0404#6E0808#920C0C#B61010#D91414

Palette guide

How to use Velvet Theater Drape

Overview

The Velvet Theater Drape palette evokes a sense of classic drama and opulent luxury, reminiscent of plush, deep red curtains in a grand performance hall. This monochromatic scheme builds from a profound `#4A0404` to a vibrant `#D91414`, offering a rich spectrum of reds. Designers can leverage its inherent elegance for sophisticated branding, event promotions, or UI elements that require a powerful, emotional impact. Developers will find these consistent hues easy to implement for creating cohesive visual hierarchies and maintaining a strong brand identity across digital platforms. The mid-tones like `#920C0C` provide excellent versatility for both foreground and background elements, ensuring a cohesive and distinguished aesthetic.

Best used for

  • Luxury brand websites and corporate identity
  • Theatrical event posters, programs, and digital tickets
  • High-end restaurant or lounge interiors and menu designs
  • Fashion and beauty product packaging for a premium feel
  • Dramatic film or game title sequences and marketing materials
  • Elegant UI themes for exclusive mobile applications

Suggested color roles

primary

`#6E0808` serves as an excellent primary, establishing the palette's rich, deep red character without being too dark for broader application.

secondary

`#920C0C` complements the primary beautifully, ideal for secondary headings, navigation elements, or subtle graphic accents.

accent

`#D91414` provides a bold, striking accent for calls-to-action, interactive states, or key highlights that demand immediate attention.

background

`#4A0404` creates an immersive, luxurious dark background, perfect for setting a dramatic mood in full-screen experiences or large blocks.

text

Use pure white (`#FFFFFF`) or a very light off-white on the darker reds like `#4A0404` or `#6E0808` for optimal readability in body text.

Accessibility notes

  • Ensure sufficient contrast when placing text on these deep red backgrounds; lighter shades like white or very light grey are crucial for readability.
  • Verify that interactive elements like buttons and links have adequate contrast against their surroundings, especially when using shades close in luminance.
  • While monochromatic, be mindful of users with protanopia or deuteranopia, as distinguishing subtle shade differences might be challenging for critical information.
  • Avoid using the lightest red, `#D91414`, for small text on mid-tone reds, as the contrast might not meet WCAG AA standards.

Recommended combinations

Dramatic Contrast

Ideal for high-impact branding, where the darkest red anchors the design and the lightest provides a vibrant, eye-catching accent.

#4A0404 · #6E0808 · #D91414

Layered Elegance

Perfect for creating subtle depth and sophisticated layering in UI components or for differentiating content blocks without harsh contrasts.

#6E0808 · #920C0C · #B61010

Theatrical Flair

Use this combination to establish a clear visual hierarchy, from a deep background to prominent interactive elements and striking highlights.

#4A0404 · #920C0C · #D91414

CSS variables

:root {
  --velvet-theater-drape-1: #4A0404;
  --velvet-theater-drape-2: #6E0808;
  --velvet-theater-drape-3: #920C0C;
  --velvet-theater-drape-4: #B61010;
  --velvet-theater-drape-5: #D91414;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "velvet-theater-drape": {
        1: "#4A0404",
        2: "#6E0808",
        3: "#920C0C",
        4: "#B61010",
        5: "#D91414",
      }
    }
  }
}

Related searches

velvet red color palettedramatic red color schemetheatrical color ideasluxury red branding colorsdeep red UI palette

Palette colors

Hex values

Color 1#4A0404
·
Color 2#6E0808
·
Color 3#920C0C
·
Color 4#B61010
·
Color 5#D91414
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.7:1Fail
2.3:1Fail
3.1:1AA18
2
1.3:1Fail
1.3:1Fail
1.8:1Fail
2.4:1Fail
3
1.7:1Fail
1.3:1Fail
1.3:1Fail
1.8:1Fail
4
2.3:1Fail
1.8:1Fail
1.3:1Fail
1.3:1Fail
5
3.1:1AA18
2.4:1Fail
1.8:1Fail
1.3:1Fail

Similar palettes

More like Velvet Theater Drape

View all dark
Velvet Theater Seats
Baroque Crimson Drape
Crimson Velour
Crimson Velvet Drape
Crimson Velvet Stage
Opera House Richness