Palette

Gilded Era Gleam

Captures the extravagant luxury and rich, gleaming details of the Gilded Age's opulent designs.

vibrantelegant5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFD700#DAA520#BDB76B#8B0000#4B0082

Palette guide

How to use Gilded Era Gleam

Overview

The Gilded Era Gleam palette captures the extravagant luxury and rich, gleaming details of the Gilded Age's opulent designs. This vibrant and regal collection features a brilliant pure gold (#FFD700), a deep antique gold (#DAA520), a muted olive gold (#BDB76B), a striking deep red (#8B0000), and a rich indigo violet (#4B0082). It's perfect for projects that require a sense of historical grandeur, dramatic flair, and undeniable luxury. Designers can create visually rich and impactful experiences, while developers can build interfaces that convey prestige and a timeless, sophisticated appeal.

Best used for

Luxury fashion or jewelry branding
High-end event invitations and decor
Historical period piece film design
Art gallery or museum branding
Vintage-inspired theatrical productions
Upscale lifestyle blog or magazine

Suggested color roles

primary

Brilliant pure gold (#FFD700) serves as a dazzling primary accent for logos, key calls-to-action, or luxurious highlights, demanding attention.

secondary

Deep red (#8B0000) provides a powerful secondary color for important alerts, dramatic backgrounds, or prominent graphic elements, adding intensity.

accent

Rich indigo violet (#4B0082) works as a sophisticated accent for subtle details, icons, or interactive states, adding a touch of mystery and depth.

background

Muted olive gold (#BDB76B) offers a unique, warm background that feels aged and elegant, allowing the bolder colors to truly shine.

text

Deep antique gold (#DAA520) or a dark charcoal provides excellent readability for body text against lighter backgrounds, maintaining the opulent mood.

Accessibility notes

Ensure #FFD700 text on #BDB76B background has sufficient contrast; consider using a darker gold shade for small text.
Deep red #8B0000 provides strong contrast for light text, such as white or #FFD700.
Avoid using #DAA520 text directly on #BDB76B for critical information due to their similar values.
For accessible body text, use a very dark color (e.g., #4B0082 or black) against #BDB76B or #FFD700.

Recommended combinations

Gilded Drama

For a striking hero section: #8B0000 background, #FFD700 title, #BDB76B subtitle.

#8B0000 · #FFD700 · #BDB76B

Royal Accents

Effective for luxurious UI elements: #4B0082 card, #DAA520 button, #FFD700 icon.

#4B0082 · #DAA520 · #FFD700

Elegant Contrast

Use for sophisticated content display: #BDB76B background, #4B0082 body text, #DAA520 for links.

#BDB76B · #4B0082 · #DAA520

CSS variables

:root {
  --gilded-era-gleam-1: #FFD700;
  --gilded-era-gleam-2: #DAA520;
  --gilded-era-gleam-3: #BDB76B;
  --gilded-era-gleam-4: #8B0000;
  --gilded-era-gleam-5: #4B0082;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gilded-era-gleam": {
        1: "#FFD700",
        2: "#DAA520",
        3: "#BDB76B",
        4: "#8B0000",
        5: "#4B0082",
      }
    }
  }
}

Hex values

Color 1#FFD700

Color 2#DAA520

Color 3#BDB76B

Color 4#8B0000

Color 5#4B0082

Accessibility

Contrast checker

1.6:1Fail

1.5:1Fail

7.1:1AAA

9.2:1AAA

1.6:1Fail

1.1:1Fail

4.5:1AA18

5.8:1AA

1.5:1Fail

1.1:1Fail

4.8:1AA

6.3:1AA

7.1:1AAA

4.5:1AA18

4.8:1AA

1.3:1Fail

9.2:1AAA

5.8:1AA

6.3:1AA

1.3:1Fail

Similar palettes

More like Gilded Era Gleam

View all vibrant

Coronation Gemstone Gleam

Art Nouveau Gilt Flower