Back to palettes

Palette

Gilded Era Grandeur

Opulent golds and deep jewel tones evoke the lavish elegance of the roaring twenties.

Darkelegant5 colors
More Dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Gilded Era Grandeur 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 Era Grandeur.

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

Data visualization

#B8860B#1B3A5A#6A054F#D4AF37#2F4F4F

Palette guide

How to use Gilded Era Grandeur

Overview

The Gilded Era Grandeur palette, with its opulent blend of deep jewel tones and shimmering golds like #B8860B and #D4AF37, evokes the lavish elegance of the roaring twenties. Designers can leverage the rich sapphire of #1B3A5A as a sophisticated primary, contrasting beautifully with the dramatic amethyst #6A054F. For developers, these colors offer a robust foundation for high-end digital interfaces or luxurious print materials. The dark slate grey #2F4F4F provides a stable background, allowing brighter gold accents to truly pop. This scheme is perfect for conveying luxury, history, and a touch of vintage glamour, ensuring a memorable and refined user experience.

Best used for

  • Luxury brand identity
  • High-end event invitations
  • Historical fiction book covers
  • Opulent interior design mockups
  • Vintage-inspired web design
  • Fashion editorial layouts

Suggested color roles

primary

Use #1B3A5A (Deep Sapphire) as a foundational color for large blocks, backgrounds, or primary branding elements to convey sophistication.

secondary

Apply #6A054F (Rich Amethyst) for secondary sections, subheadings, or decorative elements to add depth and drama.

accent

Utilize #D4AF37 (Bright Gold) for calls to action, highlights, or intricate design details to draw attention and add luxury.

background

Employ #2F4F4F (Dark Slate Grey) for backgrounds to provide a muted, elegant canvas that allows the jewel tones and golds to stand out.

text

For headings, consider #B8860B (Gold Tone) on darker backgrounds. For body text, a crisp white or light cream on #1B3A5A or #6A054F ensures readability.

Accessibility notes

  • Ensure sufficient contrast when using #2F4F4F as a background with lighter text. A light gold or white text is recommended.
  • The bright gold #D4AF37 against darker colors like #1B3A5A or #2F4F4F will likely require larger text sizes for optimal readability.
  • Avoid using #B8860B and #D4AF37 together for critical text elements due to insufficient contrast between similar light tones.
  • For body text on #1B3A5A or #6A054F, use white or a very light cream to meet WCAG AA contrast standards.

Recommended combinations

Regal Contrast

Ideal for bold headings, call-to-action buttons, or striking graphical elements that demand attention.

#1B3A5A · #D4AF37 · #6A054F

Subtle Luxury

Perfect for sophisticated backgrounds, navigation bars, and secondary information where elegance is key.

#2F4F4F · #B8860B · #1B3A5A

Deep Jewel

Creates a dramatic, rich feel for branding, special design features, or opulent visual storytelling.

#6A054F · #1B3A5A · #D4AF37

CSS variables

:root {
  --gilded-era-grandeur-1: #B8860B;
  --gilded-era-grandeur-2: #1B3A5A;
  --gilded-era-grandeur-3: #6A054F;
  --gilded-era-grandeur-4: #D4AF37;
  --gilded-era-grandeur-5: #2F4F4F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gilded-era-grandeur": {
        1: "#B8860B",
        2: "#1B3A5A",
        3: "#6A054F",
        4: "#D4AF37",
        5: "#2F4F4F",
      }
    }
  }
}

Related searches

luxury color palettesart deco color schemesdeep jewel tone colorsopulent gold blue purplevintage luxury design

Palette colors

Hex values

Color 1#B8860B
·
Color 2#1B3A5A
·
Color 3#6A054F
·
Color 4#D4AF37
·
Color 5#2F4F4F
·

Accessibility

Contrast checker

1
2
3
4
5
1
3.6:1AA18
3.7:1AA18
1.5:1Fail
2.7:1Fail
2
3.6:1AA18
1:1Fail
5.5:1AA
1.3:1Fail
3
3.7:1AA18
1:1Fail
5.7:1AA
1.3:1Fail
4
1.5:1Fail
5.5:1AA
5.7:1AA
4.2:1AA18
5
2.7:1Fail
1.3:1Fail
1.3:1Fail
4.2:1AA18

Similar palettes

More like Gilded Era Grandeur

View all Dark
Gilded Age Elegance
Regal Theatre Curtains
Velvet Evening Gown
Winter Berry Feast
Cinema Noir Velvet
Gothic Revival Grandeur