Palette

Gilded Age Grandeur

Embraces the lavish and opulent aesthetics of the Gilded Age, shimmering with wealth.

WarmElegant5 colors

More Warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFD700#DAA520#B8860B#800000#000000

Palette guide

How to use Gilded Age Grandeur

Overview

The 'Gilded Age Grandeur' palette encapsulates the lavish aesthetics of a bygone era, shimmering with wealth and historical depth. This collection pairs a brilliant gold, #FFD700, with deeper, more subdued golds like #DAA520 and #B8860B, creating a sense of layered richness. The dramatic inclusion of a deep maroon, #800000, and stark black, #000000, adds a powerful, opulent contrast. Ideal for projects demanding a sophisticated, luxurious, and historically inspired visual identity, this palette evokes an atmosphere of refined elegance and timeless grandeur, perfect for high-end design.

Best used for

Luxury brand identity and packaging
High-end event invitations and decor
Historical themed websites or publications
Opulent interior design concepts
Premium product marketing materials
Theatrical or costume design inspiration

Suggested color roles

primary

Use #FFD700 (Gold) for prominent accents, logos, or striking highlights where a touch of lavishness is desired.

secondary

Employ #DAA520 (Goldenrod) for supporting elements, borders, or backgrounds that require a richer, more muted golden tone.

accent

Apply #800000 (Maroon) sparingly for bold statements, call-to-action buttons, or to introduce a dramatic, regal contrast.

background

Utilize #000000 (Black) as a sophisticated, dramatic backdrop to make the golds and maroon truly pop, or #B8860B for a deep, warm base.

text

For readability, use #FFD700 or #DAA520 on dark backgrounds like #000000. For light text, consider a clean white or near-white (outside palette) on the darker hues.

Accessibility notes

Ensure sufficient contrast when pairing #FFD700 with #DAA520 for text, as both are bright.
Text in #FFD700 or #DAA520 on a #000000 or #800000 background offers excellent readability.
Avoid using #800000 (Maroon) directly on #B8860B (Dark Goldenrod) for critical text due to low contrast.
The #000000 (Black) provides a strong base for all the gold tones, ensuring good visual separation.

Recommended combinations

Royal Contrast

Dramatic and luxurious; ideal for headlines, hero sections, or high-impact branding.

#000000 · #FFD700 · #800000

Layered Gold

Creates depth and richness; perfect for intricate patterns, gradients, or layered design elements.

#DAA520 · #B8860B · #FFD700

Elegant Base

Sophisticated and grounded; suitable for body text on a lighter gold or as a dark background with gold accents.

#B8860B · #DAA520 · #000000

CSS variables

:root {
  --gilded-age-grandeur-1: #FFD700;
  --gilded-age-grandeur-2: #DAA520;
  --gilded-age-grandeur-3: #B8860B;
  --gilded-age-grandeur-4: #800000;
  --gilded-age-grandeur-5: #000000;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gilded-age-grandeur": {
        1: "#FFD700",
        2: "#DAA520",
        3: "#B8860B",
        4: "#800000",
        5: "#000000",
      }
    }
  }
}

Hex values

Color 1#FFD700

Color 2#DAA520

Color 3#B8860B

Color 4#800000

Color 5#000000

Accessibility

Contrast checker

1.6:1Fail

2.3:1Fail

7.8:1AAA

15:1AAA

1.6:1Fail

1.5:1Fail

4.9:1AA

9.4:1AAA

2.3:1Fail

1.5:1Fail

3.4:1AA18

6.5:1AA

7.8:1AAA

4.9:1AA

3.4:1AA18

1.9:1Fail

15:1AAA

9.4:1AAA

6.5:1AA

1.9:1Fail

Similar palettes

More like Gilded Age Grandeur

Gilded Opulence Shine

Golden Empire Sunset

Pharaoh's Golden Sands