Palette

Velvet Curtain Drama

A rich, luxurious palette reminiscent of heavy velvet theater curtains in deep, mysterious purple.

darkdark5 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#6A0DAD#9932CC#C782E7#2D005B

Palette guide

How to use Velvet Curtain Drama

Overview

The "Velvet Curtain Drama" palette offers a rich, luxurious spectrum of purples, reminiscent of heavy velvet theater curtains. Ranging from the ultra-deep #2D005B to the bright #C782E7, and featuring foundational tones like #4B0082 and #6A0DAD, this palette is perfect for designers and developers seeking to infuse projects with elegance and dramatic depth. Its gradient of sophisticated purples provides versatility for creating captivating UIs, high-end branding, or evocative digital art, ensuring a look that is both opulent and mysteriously inviting.

Best used for

Theatrical and performance art branding
Elegant event invitations and websites
Luxury product websites and packaging
Fantasy game user interface design
Sophisticated digital art and illustrations
Gothic or dramatic fashion mood boards

Suggested color roles

primary

Designate #4B0082 as the dominant deep purple, ideal for large background areas or primary brand elements.

secondary

Use #6A0DAD as a rich, mid-dark purple for supporting content, navigation, or subtle depth.

accent

Apply #C782E7 as the brightest accent, perfect for calls to action, highlights, or expressive graphical elements.

background

Employ #2D005B for an ultra-dark, almost black-purple background, creating an immersive and dramatic base.

text

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

Accessibility notes

Ensure sufficient contrast for text on #9932CC and #C782E7, especially if using a light background.
#C782E7 may be too light for white text; consider a dark charcoal or black for text on this color.
All text on #2D005B, #4B0082, and #6A0DAD should be very light (e.g., white) to meet accessibility standards.
Avoid using small font sizes with low contrast, particularly for interactive elements.

Recommended combinations

Deepest Velvet

Creates an intensely deep and luxurious foundation, ideal for dark mode themes or dramatic backgrounds.

#2D005B · #4B0082 · #6A0DAD

Regal Gradient

Offers a beautiful progression of purples, perfect for gradients, layered designs, or visual hierarchy.

#9932CC · #C782E7 · #4B0082

Dramatic Depth

Blends the core purples for a sophisticated and opulent feel, suitable for content blocks and headers.

#6A0DAD · #9932CC · #2D005B

CSS variables

:root {
  --velvet-curtain-drama-1: #4B0082;
  --velvet-curtain-drama-2: #6A0DAD;
  --velvet-curtain-drama-3: #9932CC;
  --velvet-curtain-drama-4: #C782E7;
  --velvet-curtain-drama-5: #2D005B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "velvet-curtain-drama": {
        1: "#4B0082",
        2: "#6A0DAD",
        3: "#9932CC",
        4: "#C782E7",
        5: "#2D005B",
      }
    }
  }
}

Hex values

Color 1#4B0082

Color 2#6A0DAD

Color 3#9932CC

Color 4#C782E7

Color 5#2D005B

Accessibility

Contrast checker

1.4:1Fail

2.3:1Fail

4.8:1AA

1.3:1Fail

1.4:1Fail

1.6:1Fail

3.4:1AA18

1.8:1Fail

2.3:1Fail

1.6:1Fail

2.1:1Fail

2.9:1Fail

4.8:1AA

3.4:1AA18

2.1:1Fail

6.2:1AA

1.3:1Fail

1.8:1Fail

2.9:1Fail

6.2:1AA

Similar palettes

More like Velvet Curtain Drama