Back to palettes

Palette

Deep Theatre Velvet

Sumptuous shades of deep purple and magenta evoke the rich, hushed luxury of an old opera house.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Deep Theatre Velvet 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 Deep Theatre Velvet.

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

Data visualization

#1A0A1A#3D1B3D#6F2C6F#A34A8A#D46FC0

Palette guide

How to use Deep Theatre Velvet

Overview

The Deep Theatre Velvet palette evokes the rich, hushed luxury of an old opera house, with sumptuous shades of deep purple and magenta. From the profound #1A0A1A to the vibrant #D46FC0, this palette offers a sense of drama, elegance, and opulent sophistication. It's an exceptional choice for designers and developers seeking to create luxurious, artistic, or romantic experiences. The harmonious blend of deep, warm purples and luminous accents makes it perfect for interfaces, branding, or digital art that requires a sense of theatrical grandeur and refined beauty.

Best used for

  • Luxury event branding (theatre, opera, galas)
  • High-end fashion or beauty websites
  • Art gallery and museum digital platforms
  • Romantic or dramatic literature covers
  • Elegant restaurant or lounge branding
  • Dark mode themes with a rich, luxurious feel

Suggested color roles

primary

#3D1B3D - A deep, rich plum purple, excellent for main content areas, navigation, or primary branding elements, providing a sophisticated and stable foundation.

secondary

#6F2C6F - A vibrant, medium magenta-purple, ideal for secondary headings, prominent graphical features, or interactive states, adding visual depth.

accent

#D46FC0 - A luminous, bright orchid pink, perfect for interactive elements, calls-to-action, or important notifications, drawing the eye with an elegant glow.

background

#1A0A1A - The darkest, almost black-purple, serving as an expansive, luxurious backdrop for the entire design, setting a profound and elegant mood.

text

#D46FC0 - For primary text on dark backgrounds, ensuring excellent readability and a consistent opulent aesthetic.

Accessibility notes

  • Ensure #D46FC0 text on #1A0A1A or #3D1B3D backgrounds meets WCAG AA contrast standards for readability.
  • Avoid using #6F2C6F or #A34A8A for small text against the darkest backgrounds, as contrast might be insufficient.
  • For critical information and interactive states, always use the lightest shade, #D46FC0, to maximize visibility.
  • Consider using a pure white or very light grey for extensive body text if #D46FC0 is too vibrant for prolonged reading, maintaining a high contrast.

Recommended combinations

Velvet Drapes

Creates a deep, layered background effect, perfect for immersive hero sections or full-screen overlays with a sense of luxurious depth.

#1A0A1A · #3D1B3D · #6F2C6F

Stage Glow

Excellent for data visualization or progressive disclosure, moving from deep purple to vibrant highlight.

#3D1B3D · #A34A8A · #D46FC0

Dramatic Elegance

Ideal for clear content hierarchy, with #1A0A1A as background, #D46FC0 for headings, and #A34A8A for supporting text.

#1A0A1A · #D46FC0 · #A34A8A

CSS variables

:root {
  --deep-theatre-velvet-1: #1A0A1A;
  --deep-theatre-velvet-2: #3D1B3D;
  --deep-theatre-velvet-3: #6F2C6F;
  --deep-theatre-velvet-4: #A34A8A;
  --deep-theatre-velvet-5: #D46FC0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-theatre-velvet": {
        1: "#1A0A1A",
        2: "#3D1B3D",
        3: "#6F2C6F",
        4: "#A34A8A",
        5: "#D46FC0",
      }
    }
  }
}

Related searches

dark purple magenta paletteluxury velvet colorselegant dark mode UItheatre branding colorsdramatic purple hex

Palette colors

Hex values

Color 1#1A0A1A
·
Color 2#3D1B3D
·
Color 3#6F2C6F
·
Color 4#A34A8A
·
Color 5#D46FC0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2.1:1Fail
3.5:1AA18
6.2:1AA
2
1.3:1Fail
1.6:1Fail
2.7:1Fail
4.8:1AA
3
2.1:1Fail
1.6:1Fail
1.7:1Fail
3:1AA18
4
3.5:1AA18
2.7:1Fail
1.7:1Fail
1.8:1Fail
5
6.2:1AA
4.8:1AA
3:1AA18
1.8:1Fail

Similar palettes

More like Deep Theatre Velvet

View all dark