Palette

Golden Age Opera

Rich reds and brilliant golds recall the luxurious opulence and dramatic flair of a grand opera house from a bygone era.

elegantelegant5 colors

More elegant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B0000#B22222#DAA520#FFD700#F5F5DC

Palette guide

How to use Golden Age Opera

Overview

The "Golden Age Opera" palette is a dramatic and luxurious blend of rich reds and brilliant golds, capturing the theatrical grandeur of a classic opera house. Deep reds like `#8B0000` and `#B22222` provide intensity and passion, while lustrous golds `#DAA520` and `#FFD700` add opulence and highlight. The soft, near-white `#F5F5DC` offers a delicate counterpoint, bringing balance. This palette is ideal for designs that seek to convey elegance, drama, and a sense of historical richness. Designers can use it for high-end event branding, luxury products, or any project aiming for a sophisticated and impactful visual narrative.

Best used for

Opera and theater promotions
Luxury brand identity and packaging
High-end event and gala invitations
Historical drama film posters
Fine dining restaurant branding
Fashion and jewelry collections

Suggested color roles

primary

Utilize `#8B0000` for main headings, dramatic backgrounds, or key brand elements to convey power and sophistication.

secondary

Employ `#B22222` for supporting sections, subheadings, or as a rich accent, providing a slightly brighter red.

accent

Apply `#FFD700` for brilliant highlights, decorative flourishes, or interactive elements, ensuring a luxurious focal point.

background

A rich red like `#8B0000` can be a powerful background, or `#F5F5DC` can provide a lighter, elegant base for content.

text

For text, `#FFD700` or a near-white on dark red, or a dark charcoal/black on `#F5F5DC` ensures readability while maintaining the opulent feel.

Accessibility notes

Ensure high contrast when using gold text on red backgrounds (e.g., `#FFD700` on `#8B0000`); verify WCAG compliance.
The light `#F5F5DC` offers excellent contrast for dark text, making it suitable for body copy.
Avoid using `#DAA520` or `#FFD700` for small body text on lighter backgrounds, as readability may be poor.
Be mindful of color blind users when distinguishing between the two red shades; use variations in lightness or texture.

Recommended combinations

Dramatic Opulence

Deep red background with brilliant gold accents and a soft white for text, perfect for luxury designs.

#8B0000 · #FFD700 · #F5F5DC

Rich Stage

Combines different reds and a muted gold for layered, theatrical backgrounds or graphic elements.

#B22222 · #DAA520 · #8B0000

Elegant Accents

Light background with gold highlights and a rich red for important text or decorative details.

#F5F5DC · #DAA520 · #B22222

CSS variables

:root {
  --golden-age-opera-1: #8B0000;
  --golden-age-opera-2: #B22222;
  --golden-age-opera-3: #DAA520;
  --golden-age-opera-4: #FFD700;
  --golden-age-opera-5: #F5F5DC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-age-opera": {
        1: "#8B0000",
        2: "#B22222",
        3: "#DAA520",
        4: "#FFD700",
        5: "#F5F5DC",
      }
    }
  }
}

Hex values

Color 1#8B0000

Color 2#B22222

Color 3#DAA520

Color 4#FFD700

Color 5#F5F5DC

Accessibility

Contrast checker

1.5:1Fail

4.5:1AA18

7.1:1AAA

9:1AAA

1.5:1Fail

3:1Fail

4.8:1AA

6:1AA

4.5:1AA18

3:1Fail

1.6:1Fail

2:1Fail