Back to palettes

Palette

Velvet Opera Night

Deep purples and indigos evoke the opulent mystery of an old opera house, draped in velvet under a dim light.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4B0082#8A2BE2#BA55D3#9370DB#483D8B

Palette guide

How to use Velvet Opera Night

Overview

The Velvet Opera Night palette conjures the opulent mystery of an old opera house, draped in velvet under a dim light, through its deep purples and indigos. Featuring a majestic range from #4B0082 to the enchanting #BA55D3, complemented by #8A2BE2, #9370DB, and #483D8B, this collection is genuinely useful for designers aiming for regal elegance and dramatic sophistication. It provides a rich, harmonious blend of hues that are perfect for creating immersive, high-end experiences, whether in digital interfaces or print media. The palette's depth and luxurious feel can elevate any project.

Best used for

  • Luxury brand identity and high-end marketing
  • Elegant e-commerce platforms for premium goods
  • Event branding for galas and exclusive parties
  • UI/UX for sophisticated mobile applications
  • Editorial design for art, fashion, or culture magazines
  • Branding for performing arts venues or cultural institutions

Suggested color roles

primary

Use #4B0082 as the profound primary color for backgrounds or large sections, establishing a deep, regal foundation.

secondary

Employ #483D8B for supporting elements, navigation bars, or darker UI components, adding a sophisticated indigo layer.

accent

Apply #BA55D3 for vibrant highlights, calls-to-action, or interactive elements, providing a luminous and elegant pop.

background

The deep #4B0082 or #483D8B creates an opulent and immersive background, making lighter elements truly stand out.

text

A crisp white or light cream provides optimal readability for body text on these dark backgrounds. For headings, #BA55D3 can be effective if large enough.

Accessibility notes

  • Ensure #BA55D3 provides sufficient contrast when used for text on darker palette colors like #4B0082 or #483D8B.
  • Avoid using #8A2BE2 or #9370DB for small text on similar dark backgrounds to prevent readability issues.
  • Test all critical text and background pairings with a contrast checker to meet WCAG guidelines.
  • Consider using a slightly off-white or light grey for body text to enhance readability over pure white on very dark purples.

Recommended combinations

Regal Depth

Creates a deep, majestic base, ideal for backgrounds, large headers, or sophisticated design elements.

#4B0082 · #483D8B · #8A2BE2

Opulent Glow

Perfect for highlighting key information or interactive elements against a deep, luxurious purple backdrop.

#4B0082 · #9370DB · #BA55D3

Velvet Gradient

Excellent for smooth transitions in visual elements, banners, or artistic illustrations, showing a rich progression.

#483D8B · #8A2BE2 · #9370DB

CSS variables

:root {
  --velvet-opera-night-1: #4B0082;
  --velvet-opera-night-2: #8A2BE2;
  --velvet-opera-night-3: #BA55D3;
  --velvet-opera-night-4: #9370DB;
  --velvet-opera-night-5: #483D8B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "velvet-opera-night": {
        1: "#4B0082",
        2: "#8A2BE2",
        3: "#BA55D3",
        4: "#9370DB",
        5: "#483D8B",
      }
    }
  }
}

Related searches

deep purple indigo paletteregal luxurious color schemeopera house purple colorselegant dramatic UI designdark velvet brand identity

Palette colors

Hex values

Color 1#4B0082
·
Color 2#8A2BE2
·
Color 3#BA55D3
·
Color 4#9370DB
·
Color 5#483D8B
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.2:1Fail
3.3:1AA18
3.4:1AA18
1.4:1Fail
2
2.2:1Fail
1.5:1Fail
1.6:1Fail
1.5:1Fail
3
3.3:1AA18
1.5:1Fail
1:1Fail
2.3:1Fail
4
3.4:1AA18
1.6:1Fail
1:1Fail
2.4:1Fail
5
1.4:1Fail
1.5:1Fail
2.3:1Fail
2.4:1Fail

Similar palettes

More like Velvet Opera Night

View all dark
Regal Gemstone Cascade
Regal Orchid Bloom
Velvet Night
Amethyst Veil Mystique
Art Deco Speakeasy
Baroque Velvet Plum