Palette

Baroque Opera House

A dramatic palette of deep reds, shimmering golds, and elegant teal, reflecting the grandeur of an old opera house.

warmelegant5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B0000#B8860B#20B2AA#F5DEB3#4B0082

Palette guide

How to use Baroque Opera House

Overview

The Baroque Opera House palette is a dramatic blend of deep reds, shimmering golds, and elegant teal, reflecting the grandeur and theatricality of an old opera house. This luxurious collection features a commanding ruby red #8B0000, a rich antique gold #B8860B, and a striking light sea green #20B2AA. Designers can utilize these powerful hues to create sophisticated, high-impact designs for luxury brands, artistic ventures, or dramatic digital experiences. Developers will find these bold colors excellent for crafting interfaces that convey prestige and elegance, ensuring visual impact. The mysterious deep indigo #4B0082 and creamy #F5DEB3 provide balance, allowing for nuanced visual storytelling and a sense of refined historical depth.

Best used for

Opera house branding
Luxury event promotions
Theatrical production design
High-end interior design
Historical art exhibitions
Prestige product packaging

Suggested color roles

primary

#8B0000 - A deep, regal ruby red, excellent for powerful branding, main calls to action, or luxurious backgrounds.

secondary

#B8860B - A rich antique gold, perfect for important highlights, interactive elements, or striking visual accents.

accent

#20B2AA - A vibrant, elegant teal, offering a sophisticated contrast for decorative details or secondary calls to action.

background

#F5DEB3 - A soft, creamy antique white, excellent for providing a luminous, elegant canvas that makes the darker, richer tones pop.

text

A deep black or #8B0000 for primary body text on light backgrounds, ensuring high contrast and a luxurious, readable appearance.

Accessibility notes

Ensure #8B0000 or #4B0082 text on #F5DEB3 background meets WCAG AA contrast for readability.
Avoid using #B8860B or #20B2AA for small text on #F5DEB3 background due to poor contrast.
Use #B8860B for larger headings, decorative elements, or interactive elements with clear hover states.
Provide sufficient contrast for all interactive elements, especially when using gold on light backgrounds.

Recommended combinations

Opera Glam

A striking combination of deep red and antique gold on a creamy background for high impact.

#8B0000 · #B8860B · #F5DEB3

Regal Teal

Creates a sophisticated blend of indigo and teal, accented by antique gold for elegance.

#4B0082 · #20B2AA · #B8860B

Dramatic Stage

A light, elegant background with a vibrant teal accent, anchored by a deep ruby red for drama.

#F5DEB3 · #20B2AA · #8B0000

CSS variables

:root {
  --baroque-opera-house-1: #8B0000;
  --baroque-opera-house-2: #B8860B;
  --baroque-opera-house-3: #20B2AA;
  --baroque-opera-house-4: #F5DEB3;
  --baroque-opera-house-5: #4B0082;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "baroque-opera-house": {
        1: "#8B0000",
        2: "#B8860B",
        3: "#20B2AA",
        4: "#F5DEB3",
        5: "#4B0082",
      }
    }
  }
}

Hex values

Color 1#8B0000

Color 2#B8860B

Color 3#20B2AA

Color 4#F5DEB3

Color 5#4B0082

Accessibility

Contrast checker

3.1:1AA18

3.8:1AA18

7.6:1AAA

1.3:1Fail

3.1:1AA18

1.2:1Fail

2.5:1Fail

4:1AA18

3.8:1AA18

1.2:1Fail

2:1Fail

4.9:1AA

7.6:1AAA

2.5:1Fail

2:1Fail

9.9:1AAA

1.3:1Fail

4:1AA18

4.9:1AA

9.9:1AAA

Similar palettes

More like Baroque Opera House

Opulent Velvet Drapery