Palette

Velvet Opera Night

Decadent and dramatic, these deep purples evoke the luxury of a velvet-clad opera house.

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

#2A0A3A#5A1A6A#8F3B9B#C06BC5#E09BED

Palette guide

How to use Velvet Opera Night

Overview

The Velvet Opera Night palette presents a decadent and dramatic range of deep purples, evoking the luxury of a velvet-clad opera house. From the profound #2A0A3A to the ethereal #E09BED, with harmonious intermediates like #5A1A6A, #8F3B9B, and #C06BC5, this collection is designed for projects demanding elegance and allure. It's a genuinely useful palette for designers looking to infuse their work with a sense of sophistication, drama, and rich visual texture. The progression of purples allows for versatile application, from deep backgrounds to radiant accents, creating an opulent and memorable experience.

Best used for

High-end fashion and jewelry websites
Luxury event branding and invitations
UI/UX for premium subscription services
Editorial design for art and culture magazines
Branding for theaters or performance venues
Digital art with a regal and mysterious theme

Suggested color roles

primary

Use #2A0A3A as the deep, grounding color for main backgrounds or large sections, establishing a dramatic and rich ambiance.

secondary

Employ #5A1A6A for supporting elements, subheadings, or darker UI components, maintaining the luxurious purple theme.

accent

Apply #E09BED or #C06BC5 for vibrant highlights, interactive elements, or key calls-to-action, providing an elegant pop.

background

The deep #2A0A3A or #5A1A6A offers a luxurious and immersive backdrop, allowing lighter elements to truly stand out.

text

On these dark backgrounds, a crisp white or a very light grey provides optimal readability for body text. For headings, #E09BED can be highly effective.

Accessibility notes

Ensure #E09BED provides sufficient contrast when used for text on darker palette colors like #2A0A3A.
Avoid using #5A1A6A or #8F3B9B 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 a slightly off-white (e.g., #F0F0F0) for body text to soften the contrast slightly while maintaining readability.

Recommended combinations

Deep Drama

Creates a profound, layered depth, perfect for immersive backgrounds and large visual sections.

#2A0A3A · #5A1A6A · #8F3B9B

Opera Glow

Ideal for highlighting key information or interactive elements against a deep, elegant purple base.

#2A0A3A · #C06BC5 · #E09BED

Regal Transition

Excellent for smooth gradients in headers, banners, or visual storytelling, showing a luxurious progression.

#5A1A6A · #8F3B9B · #C06BC5

CSS variables

:root {
  --velvet-opera-night-2-1: #2A0A3A;
  --velvet-opera-night-2-2: #5A1A6A;
  --velvet-opera-night-2-3: #8F3B9B;
  --velvet-opera-night-2-4: #C06BC5;
  --velvet-opera-night-2-5: #E09BED;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "velvet-opera-night-2": {
        1: "#2A0A3A",
        2: "#5A1A6A",
        3: "#8F3B9B",
        4: "#C06BC5",
        5: "#E09BED",
      }
    }
  }
}

Hex values

Color 1#2A0A3A

Color 2#5A1A6A

Color 3#8F3B9B

Color 4#C06BC5

Color 5#E09BED

Accessibility

Contrast checker

1.5:1Fail

2.7:1Fail

5.1:1AA

8.4:1AAA

1.5:1Fail

1.8:1Fail

3.4:1AA18

5.6:1AA

2.7:1Fail

1.8:1Fail

1.9:1Fail

3.1:1AA18

5.1:1AA

3.4:1AA18

1.9:1Fail

1.6:1Fail

8.4:1AAA

5.6:1AA

3.1:1AA18

1.6:1Fail

Similar palettes

More like Velvet Opera Night

View all Dark

Midnight Orchid Bloom

Velvet Fig Harvest

Velvet Fig Pudding

Amethyst Star Cluster

Deep Space Orchid

Frosted Grape Arbor