Back to palettes

Palette

Velvet Curtain Drama

Deep, rich, and somber purples and blues reflecting the luxurious feel and theatrical ambiance of velvet curtains.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Velvet Curtain Drama 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 Curtain Drama.

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

Data visualization

#4B0082#800080#2F4F4F#191970#6A5ACD

Palette guide

How to use Velvet Curtain Drama

Overview

The "Velvet Curtain Drama" palette (version 3) presents a deep, rich, and somber collection of purples and blues, perfectly embodying the luxurious feel and theatrical ambiance of velvet curtains. Featuring profound shades like #4B0082 and #191970, alongside the unique #2F4F4F and the elegant #6A5ACD, this palette offers a sophisticated range for designers and developers. It's an ideal choice for projects demanding a dramatic, opulent, yet mysterious aesthetic, providing a versatile foundation for engaging UI, sophisticated branding, or evocative digital art with a timeless elegance.

Best used for

  • Sophisticated dark mode interfaces
  • Luxury branding with a mysterious edge
  • Gothic or dramatic themed websites
  • High-end product packaging design
  • Artistic and abstract digital creations
  • Theatrical or performance art branding

Suggested color roles

primary

Designate #4B0082 as the foundational deep purple, setting a rich and dominant tone for major sections.

secondary

Use #191970 as a supporting rich, dark blue, providing depth and contrast to purple elements.

accent

Apply #6A5ACD as a brighter purple-blue, perfect for calls to action, key navigation, or subtle highlights.

background

Employ #2F4F4F for a unique, very dark slate grey/teal background, offering a distinctive and deep base.

text

For optimal readability, use pure white or a very light grey for all text elements against these dark hues.

Accessibility notes

  • All text on #2F4F4F, #191970, #4B0082, and #800080 must be very light (e.g., white) for sufficient contrast.
  • Ensure #6A5ACD has enough contrast when used for text against darker shades in the palette.
  • Avoid using small font sizes for body text to maintain readability in this dark color scheme.
  • Test interactive elements (buttons, links) to confirm clear visibility and distinction.

Recommended combinations

Somber Depths

Creates an intensely deep and mysterious background, ideal for immersive digital experiences.

#2F4F4F · #191970 · #4B0082

Elegant Contrast

Introduces a sophisticated contrast, making highlights and key information stand out beautifully.

#6A5ACD · #800080 · #2F4F4F

Midnight Blend

Combines the core purples and blues for a rich, layered aesthetic, suitable for content blocks and headers.

#4B0082 · #191970 · #800080

CSS variables

:root {
  --velvet-curtain-drama-3-1: #4B0082;
  --velvet-curtain-drama-3-2: #800080;
  --velvet-curtain-drama-3-3: #2F4F4F;
  --velvet-curtain-drama-3-4: #191970;
  --velvet-curtain-drama-3-5: #6A5ACD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "velvet-curtain-drama-3": {
        1: "#4B0082",
        2: "#800080",
        3: "#2F4F4F",
        4: "#191970",
        5: "#6A5ACD",
      }
    }
  }
}

Related searches

dark purple blue palettevelvet dark colorsdramatic gothic huesluxurious theater paletterich somber tones

Palette colors

Hex values

Color 1#4B0082
·
Color 2#800080
·
Color 3#2F4F4F
·
Color 4#191970
·
Color 5#6A5ACD
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.5:1Fail
1.1:1Fail
2.4:1Fail
2
1.4:1Fail
1.1:1Fail
1.6:1Fail
1.8:1Fail
3
1.5:1Fail
1.1:1Fail
1.7:1Fail
1.7:1Fail
4
1.1:1Fail
1.6:1Fail
1.7:1Fail
2.8:1Fail
5
2.4:1Fail
1.8:1Fail
1.7:1Fail
2.8:1Fail

Similar palettes

More like Velvet Curtain Drama

View all dark