Back to palettes

Palette

Opera House Richness

Deep, dramatic reds and burgundies, exuding the opulent grandeur of a baroque opera performance.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Opera House Richness 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 Opera House Richness.

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

Data visualization

#3C090D#6C1C1D#A32F34#E04F54#F47D82

Palette guide

How to use Opera House Richness

Overview

The Opera House Richness palette delivers a powerful array of deep, dramatic reds and burgundies, reminiscent of opulent baroque performances. Anchored by the profound #3C090D, this palette gradually brightens through #6C1C1D and #A32F34, culminating in the vibrant #E04F54 and softer #F47D82. It's a superb choice for designers and developers aiming to evoke grandeur, passion, and historical luxury. This collection is ideal for high-impact branding, sophisticated editorial content, or UI designs that require a warm, commanding presence. The rich depth ensures a premium feel, while the lighter shades offer dynamic contrast and focal points, making it versatile for various applications seeking a luxurious, dramatic aesthetic.

Best used for

  • Luxury product branding and packaging
  • High-end restaurant or hospitality websites
  • Historical drama film posters and promotions
  • Elegant event invitations and signage
  • Fashion and beauty editorial layouts
  • Velvet-inspired digital art and UI

Suggested color roles

primary

Designate #3C090D (Deep Maroon) as the primary, offering a profound, stable base for large backgrounds or foundational branding elements.

secondary

Utilize #6C1C1D (Dark Burgundy) for secondary sections, navigation, or significant data displays, providing a rich, complementary depth.

accent

Introduce #E04F54 (Vibrant Coral Red) as a striking accent for calls-to-action, interactive elements, or dramatic highlights that demand immediate attention.

background

Employ #3C090D or #6C1C1D for a luxurious dark background, ensuring depth and sophistication in web or print designs.

text

For dark backgrounds, use #F47D82 (Soft Coral Red) for headings or a crisp white for body text. On lighter elements, #3C090D provides excellent contrast.

Accessibility notes

  • Ensure sufficient contrast between text and background, especially when using #F47D82 on #E04F54.
  • Darker reds like #3C090D and #6C1C1D require light-colored text (e.g., white or a pale beige) for optimal readability.
  • Avoid pairing #A32F34 text on #E04F54 backgrounds to prevent poor legibility.
  • Consider larger font sizes or bolding for text in mid-range colors like #A32F34 to improve visibility.

Recommended combinations

Grand Entrance

Perfect for a sophisticated landing page or brand identity, offering a deep base, a rich mid-tone, and a soft highlight.

#3C090D · #A32F34 · #F47D82

Dramatic Flair

Excellent for calls-to-action or highlighted content, pairing a strong mid-red with a vibrant accent and a grounding dark tone.

#6C1C1D · #E04F54 · #3C090D

Elegant Gradient

Ideal for backgrounds or visual elements where a subtle, rich gradient is desired, conveying depth and luxury.

#3C090D · #6C1C1D · #A32F34

CSS variables

:root {
  --opera-house-richness-1: #3C090D;
  --opera-house-richness-2: #6C1C1D;
  --opera-house-richness-3: #A32F34;
  --opera-house-richness-4: #E04F54;
  --opera-house-richness-5: #F47D82;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "opera-house-richness": {
        1: "#3C090D",
        2: "#6C1C1D",
        3: "#A32F34",
        4: "#E04F54",
        5: "#F47D82",
      }
    }
  }
}

Related searches

deep red color palettebaroque design colorsluxury red schemedramatic burgundy huesvelvet rich tones

Palette colors

Hex values

Color 1#3C090D
·
Color 2#6C1C1D
·
Color 3#A32F34
·
Color 4#E04F54
·
Color 5#F47D82
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.4:1Fail
4.4:1AA18
6.5:1AA
2
1.5:1Fail
1.7:1Fail
3:1Fail
4.4:1AA18
3
2.4:1Fail
1.7:1Fail
1.8:1Fail
2.7:1Fail
4
4.4:1AA18
3:1Fail
1.8:1Fail
1.5:1Fail
5
6.5:1AA
4.4:1AA18
2.7:1Fail
1.5:1Fail

Similar palettes

More like Opera House Richness

View all dark
Velvet Theater Seats
Baroque Crimson Drape
Baroque Crimson Gold
Crimson Velvet Theater
Regal Velvet Curtains
Velvet Theater