Palette

Gilded Age Opera

A luxurious combination of deep purples and muted gold, reminiscent of the opulent Art Deco era.

darkelegant5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Gilded Age 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 Gilded Age Opera.

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

Data visualization

#1F1B24#44414A#7A7580#B4AFB9#FFD2A8

Palette guide

How to use Gilded Age Opera

Overview

The 'Gilded Age Opera' palette offers a luxurious combination of deep, muted purples and a soft, inviting gold, reminiscent of opulent Art Deco elegance. Featuring a rich #1F1B24 (Raisin Black) as its darkest tone, it gracefully transitions through #44414A (Dark Charcoal) and #7A7580 (Taupe Gray) to a lighter #B4AFB9 (Light Gray). The delicate #FFD2A8 (Apricot) provides a warm, sophisticated accent, embodying the glamour and mystery of a vintage opera house. This palette is perfect for designs seeking a refined, elegant, and subtly dramatic aesthetic.

Best used for

Upscale event branding and invitations
Theatrical or performing arts marketing
Vintage luxury website design
High-fashion editorial layouts
Sophisticated interior decor accents
Retro-inspired product packaging

Suggested color roles

primary

Utilize #1F1B24 (Raisin Black) as a dominant background or primary text color for a deep, mysterious foundation.

secondary

Apply #44414A (Dark Charcoal) for secondary backgrounds, navigation, or supporting graphical elements.

accent

Introduce #FFD2A8 (Apricot) as a delicate, luminous accent for highlights, calls to action, or elegant details.

background

Use #1F1B24 (Raisin Black) for a dramatic, immersive background, or #B4AFB9 (Light Gray) for a softer, more ethereal base.

text

For dark backgrounds, use #FFD2A8 (Apricot) for excellent readability. On lighter grays like #B4AFB9, #1F1B24 (Raisin Black) or #44414A (Dark Charcoal) work best.

Accessibility notes

Ensure sufficient contrast between text and background, especially when using #7A7580 on #B4AFB9.
Text in #FFD2A8 on #1F1B24 or #44414A provides strong readability and visual appeal.
Avoid placing #B4AFB9 text directly on #7A7580 as contrast may be insufficient for accessibility standards.
The deep #1F1B24 offers a reliable base for almost any lighter color in the palette.

Recommended combinations

Dramatic Elegance

Ideal for bold headers, sophisticated branding, and impactful visual statements.

#1F1B24 · #FFD2A8 · #44414A

Muted Harmony

Creates a soft, refined aesthetic; suitable for subtle backgrounds, secondary text, or elegant illustrations.

#B4AFB9 · #7A7580 · #FFD2A8

Deep Glamour

Evokes a sense of vintage luxury; perfect for UI elements, borders, or understated design details.

#44414A · #1F1B24 · #FFD2A8

CSS variables

:root {
  --gilded-age-opera-1: #1F1B24;
  --gilded-age-opera-2: #44414A;
  --gilded-age-opera-3: #7A7580;
  --gilded-age-opera-4: #B4AFB9;
  --gilded-age-opera-5: #FFD2A8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gilded-age-opera": {
        1: "#1F1B24",
        2: "#44414A",
        3: "#7A7580",
        4: "#B4AFB9",
        5: "#FFD2A8",
      }
    }
  }
}

Hex values

Color 1#1F1B24

Color 2#44414A

Color 3#7A7580

Color 4#B4AFB9

Color 5#FFD2A8

Accessibility

Contrast checker

1.7:1Fail

3.8:1AA18

7.9:1AAA

12.1:1AAA

1.7:1Fail

2.2:1Fail

4.7:1AA

7.2:1AAA

3.8:1AA18

2.2:1Fail

2.1:1Fail

3.2:1AA18

7.9:1AAA

4.7:1AA

2.1:1Fail

1.5:1Fail

12.1:1AAA

7.2:1AAA

3.2:1AA18

1.5:1Fail

Similar palettes

More like Gilded Age Opera

View all dark

Art Deco Evening

Art Deco Sapphire Gleam