Back to palettes

Palette

Baroque Opera Gold

Decadent gold tones and warm neutrals, like the ornate and opulent decor of a baroque 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 Gold 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 Gold.

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

Data visualization

#5A3C0A#8B661F#BE9135#ECC772#FFF8E0

Palette guide

How to use Baroque Opera Gold

Overview

The Baroque Opera Gold palette is a decadent collection of gold tones and warm neutrals, mirroring the ornate and opulent decor of a grand opera house. This luxurious palette features a deep antique gold #5A3C0A, a rich brassy gold #8B661F, and a luminous pale gold #ECC772. Designers can utilize these shimmering hues to create sophisticated, high-end designs for luxury brands, artistic ventures, or elegant digital experiences. Developers will find these harmonious colors excellent for crafting interfaces that convey prestige and elegance, ensuring visual impact. The brighter #BE9135 and creamy #FFF8E0 provide a beautiful range, perfect for evoking gilded details, intricate patterns, and a sense of refined historical splendor.

Best used for

  • Luxury jewelry branding
  • High-end interior design
  • Prestige event invitations
  • Classical music institutions
  • Elegant product packaging
  • Art deco inspired designs

Suggested color roles

primary

#5A3C0A - A deep, rich antique gold-brown, ideal for strong brand elements, headers, or luxurious backgrounds.

secondary

#8B661F - A warm, brassy gold, perfect for secondary text, navigation, or significant content blocks.

accent

#BE9135 - A bright, radiant gold, offering a dazzling accent for highlights, icons, or key interactive elements.

background

#FFF8E0 - A very soft, creamy off-white, excellent for providing a luminous, elegant canvas that enhances the gold tones.

text

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

Accessibility notes

  • Ensure #5A3C0A or #8B661F text on #FFF8E0 background meets WCAG AA contrast for readability.
  • Avoid using #BE9135 or #ECC772 for small text on #FFF8E0 background due to poor contrast.
  • Use #BE9135 or #ECC772 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

Gilded Stage

A deep gold and luminous pale gold on a creamy background, perfect for elegant headlines and visuals.

#5A3C0A · #ECC772 · #FFF8E0

Brass Accents

Creates a harmonious blend of gold tones, ideal for layered effects, borders, or subtle gradients.

#8B661F · #BE9135 · #5A3C0A

Opulent Cream

A light, airy background with a bright gold accent, anchored by a rich brassy gold for depth.

#FFF8E0 · #BE9135 · #8B661F

CSS variables

:root {
  --baroque-opera-gold-1: #5A3C0A;
  --baroque-opera-gold-2: #8B661F;
  --baroque-opera-gold-3: #BE9135;
  --baroque-opera-gold-4: #ECC772;
  --baroque-opera-gold-5: #FFF8E0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "baroque-opera-gold": {
        1: "#5A3C0A",
        2: "#8B661F",
        3: "#BE9135",
        4: "#ECC772",
        5: "#FFF8E0",
      }
    }
  }
}

Related searches

baroque gold paletteopulent gold colorselegant cream goldluxury opera designrich metallic palette

Palette colors

Hex values

Color 1#5A3C0A
·
Color 2#8B661F
·
Color 3#BE9135
·
Color 4#ECC772
·
Color 5#FFF8E0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
3.5:1AA18
6.2:1AA
9.5:1AAA
2
1.9:1Fail
1.8:1Fail
3.2:1AA18
4.9:1AA
3
3.5:1AA18
1.8:1Fail
1.8:1Fail
2.7:1Fail
4
6.2:1AA
3.2:1AA18
1.8:1Fail
1.5:1Fail
5
9.5:1AAA
4.9:1AA
2.7:1Fail
1.5:1Fail

Similar palettes

More like Baroque Opera Gold

View all warm