Palette

Velvet Midnight Opera

Deep, luxurious purples and rich shadows evoke a grand opera house veiled in opulent velvet.

darkelegant5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Velvet Midnight Opera 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 Midnight Opera.

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

Data visualization

#3A2C42#5D3D6F#8F5E9E#B27DCB#2C2230

Palette guide

How to use Velvet Midnight Opera

Overview

The Velvet Midnight Opera palette offers a sophisticated blend of deep, luxurious purples and rich shadows, reminiscent of a grand opera house veiled in opulent velvet. Anchored by the profound #2C2230 and #3A2C42, it provides a strong, elegant base. The palette progresses through the regal #5D3D6F and #8F5E9E, culminating in the delicate #B27DCB, which introduces a subtle, jewel-like highlight. This collection is ideal for designers and developers aiming to create high-end, dramatic, and refined interfaces that exude elegance, depth, and a touch of theatrical grandeur, perfect for premium digital experiences.

Best used for

Performing arts websites (opera, theater)
Luxury event planning
High-end fashion or jewelry brands
Sophisticated editorial design
Art gallery digital presence
Exclusive membership platforms

Suggested color roles

primary

Use #2C2230, the deepest, almost black-purple, for main backgrounds, footers, or large structural elements, setting an opulent and dramatic tone.

secondary

Apply #3A2C42, a dark purple, excellent for navigation, secondary panels, or card backgrounds.

accent

Employ #B27DCB, the lightest, jewel-like purple, perfect for calls-to-action, interactive elements, or delicate visual highlights.

background

Utilize #5D3D6F, a rich, velvety purple, suitable for content areas, offering a sophisticated and engaging canvas.

text

Consider #8F5E9E, a brighter purple, good for secondary text or captions on darker backgrounds. For primary text, use white or light gray.

Accessibility notes

For text on #2C2230, #3A2C42, and #5D3D6F, always use white or a very light gray (#B27DCB for large text) for optimal readability.
#B27DCB will require dark text (e.g., black or a very dark purple) for sufficient contrast when used for smaller text.
Avoid using #8F5E9E for small text on #5D3D6F backgrounds due to potential contrast issues, impacting legibility.
Ensure all interactive elements meet WCAG AA contrast requirements against their backgrounds for an accessible user experience.

Recommended combinations

Opera Night

Deep, dramatic base with a sparkling light accent, perfect for luxury branding and grand headings.

#2C2230 · #3A2C42 · #B27DCB

Velvet Curtains

Rich purple base with a brighter accent, anchored by the deepest tone for headings or footers.

#5D3D6F · #8F5E9E · #2C2230

Jewel Tones

Darker background with prominent light and mid-tone purples, ideal for showcasing content with elegance.

#3A2C42 · #B27DCB · #8F5E9E

CSS variables

:root {
  --velvet-midnight-opera-1: #3A2C42;
  --velvet-midnight-opera-2: #5D3D6F;
  --velvet-midnight-opera-3: #8F5E9E;
  --velvet-midnight-opera-4: #B27DCB;
  --velvet-midnight-opera-5: #2C2230;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "velvet-midnight-opera": {
        1: "#3A2C42",
        2: "#5D3D6F",
        3: "#8F5E9E",
        4: "#B27DCB",
        5: "#2C2230",
      }
    }
  }
}

Hex values

Color 1#3A2C42

Color 2#5D3D6F

Color 3#8F5E9E

Color 4#B27DCB

Color 5#2C2230

Accessibility

Contrast checker

1.5:1Fail

2.6:1Fail

4.1:1AA18

1.2:1Fail

1.5:1Fail

1.8:1Fail

2.8:1Fail

1.7:1Fail

2.6:1Fail

1.8:1Fail

1.6:1Fail

3.1:1AA18

4.1:1AA18

2.8:1Fail

1.6:1Fail

4.9:1AA

1.2:1Fail

1.7:1Fail

3.1:1AA18

4.9:1AA

Similar palettes

More like Velvet Midnight Opera

View all dark

Amethyst Veil Mystique

Gala Night Velvet

Regal Gemstone Cascade

Royal Gem Twilight

Scholar's Velvet Study

Baroque Jewel Box