Back to palettes

Palette

Velvet Theater Drape

Deep, luxurious colors evoking the opulence and mystery of a grand theater's curtains.

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

#800000#4B0082#2F4F4F#000000#C0C0C0

Palette guide

How to use Velvet Theater Drape

Overview

The Velvet Theater Drape palette offers a dramatic and luxurious experience, perfect for projects aiming for opulence and sophistication. Featuring a rich blend of deep tones like the commanding #800000 (a deep maroon-red) and the mysterious #4B0082 (a dark indigo), this collection evokes the grandeur of a classic stage. Complementing these are the subdued elegance of #2F4F4F (dark slate gray), the absolute depth of #000000 (black), and the subtle highlight of #C0C0C0 (silver). Designers can leverage this palette to create immersive digital environments, premium branding, or high-contrast interfaces. Developers will find these hex codes provide a consistent foundation for dark mode themes and sophisticated visual narratives, ensuring a cohesive and premium user experience.

Best used for

  • Luxury brand websites and applications
  • High-end event invitations and promotions
  • Film and entertainment industry branding
  • Premium product packaging design
  • Dark mode user interface themes
  • Elegant interior design visualizations

Suggested color roles

primary

Use #800000, a deep, rich red, for commanding headlines, important call-to-action buttons, or dominant branding elements that require a sense of power and luxury.

secondary

Apply #4B0082, a profound indigo, for supporting panels, navigation bars, or secondary informational blocks, adding depth without overshadowing the primary red.

accent

Utilize #C0C0C0, a soft silver, for subtle highlights, delicate icons, small interactive elements, or fine typography details that need to stand out against dark backdrops.

background

Employ #000000, absolute black, as a dramatic and elegant canvas for the entire palette, ensuring other colors pop and convey a sense of depth and sophistication.

text

For optimal readability and a sophisticated feel, use #C0C0C0 for primary body text against #000000 or #4B0082 backgrounds. For larger headings or decorative text, #800000 can be used against #C0C0C0 for impact.

Accessibility notes

  • Ensure #C0C0C0 text has a strong contrast ratio against #000000 and #4B0082 backgrounds to meet WCAG AA standards.
  • Avoid using #800000 or #4B0082 for extensive blocks of body text; reserve them for headings or decorative elements due to lower contrast potential.
  • Test all text and interactive element color combinations for readability across various screen types and lighting conditions.
  • Provide clear focus states for interactive elements, possibly using a bright outline against the dark backgrounds to aid navigation.

Recommended combinations

Dramatic Contrast

Ideal for striking hero sections, event posters, or premium product displays where high impact and luxury are key.

#000000 · #800000 · #C0C0C0

Subtle Depth

Great for sophisticated UI elements, secondary content areas, or corporate branding that needs a professional yet elegant feel.

#4B0082 · #2F4F4F · #C0C0C0

Elegant Accents

Use #000000 as background, #4B0082 for main content, and #800000 for powerful call-to-actions or highlighted features.

#000000 · #4B0082 · #800000

CSS variables

:root {
  --velvet-theater-drape-2-1: #800000;
  --velvet-theater-drape-2-2: #4B0082;
  --velvet-theater-drape-2-3: #2F4F4F;
  --velvet-theater-drape-2-4: #000000;
  --velvet-theater-drape-2-5: #C0C0C0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "velvet-theater-drape-2": {
        1: "#800000",
        2: "#4B0082",
        3: "#2F4F4F",
        4: "#000000",
        5: "#C0C0C0",
      }
    }
  }
}

Related searches

luxury dark color schemetheater inspired paletterich elegant colorsdeep red and purple paletteopulent UI design colors

Palette colors

Hex values

Color 1#800000
·
Color 2#4B0082
·
Color 3#2F4F4F
·
Color 4#000000
·
Color 5#C0C0C0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.2:1Fail
1.9:1Fail
6:1AA
2
1.2:1Fail
1.5:1Fail
1.6:1Fail
7.1:1AAA
3
1.2:1Fail
1.5:1Fail
2.4:1Fail
4.9:1AA
4
1.9:1Fail
1.6:1Fail
2.4:1Fail
11.5:1AAA
5
6:1AA
7.1:1AAA
4.9:1AA
11.5:1AAA

Similar palettes

More like Velvet Theater Drape

View all Dark
Imperial Gemstone Array
Amethyst Star Cluster
Baroque Tapestry Weave
Gatsby Glam Evening
Gothic Cathedral Stain
Midnight Velvet Aura