Palette

Golden Age Glamour

A lustrous collection of gold and amber, evoking the opulent luxury of a bygone era.

warmelegant5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Golden Age Glamour 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 Golden Age Glamour.

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

Data visualization

#FFD700#B8860B#F0E68C#D2B48C#8B4513

Palette guide

How to use Golden Age Glamour

Overview

The "Golden Age Glamour" palette evokes the opulent luxury and vintage sophistication of a bygone era. Centered around lustrous golds like `#FFD700` and `#F0E68C`, it's grounded by rich browns such as `#8B4513` and a warm beige `#D2B48C`, with a deeper gold accent of `#B8860B`. This palette is perfect for designs that aim to convey elegance, heritage, and a sense of timeless grandeur. Designers can leverage its rich tones for high-end branding, classic editorial layouts, or any project requiring a luxurious and refined aesthetic with a touch of nostalgia.

Best used for

Luxury fashion and jewelry branding
Vintage-inspired art deco designs
High-end hospitality and event marketing
Classic editorial and print layouts
Museums and historical exhibitions
Elegant wedding stationery

Suggested color roles

primary

Use `#FFD700` for key headings, logos, or prominent decorative elements to establish immediate luxury and brilliance.

secondary

Employ `#B8860B` for supporting design elements, borders, or secondary calls-to-action, adding depth and richness.

accent

Apply `#F0E68C` for subtle highlights, delicate patterns, or interactive states, offering a softer, aged gold shimmer.

background

Utilize `#D2B48C` as a warm, inviting beige background, providing a sophisticated canvas that complements the golds.

text

A deep, rich brown like `#8B4513` provides excellent contrast for text on lighter backgrounds and enhances the palette's vintage appeal.

Accessibility notes

Ensure sufficient contrast for text, especially when using lighter golds like `#F0E68C` on the `#D2B48C` background.
The darkest brown, `#8B4513`, should be used for body text on lighter backgrounds to meet WCAG readability standards.
Avoid using `#F0E68C` as a primary text color due to its relatively low contrast against most backgrounds.
Test all golden hues against each other if used for layered graphics to ensure visual distinction for all users.

Recommended combinations

Opulent Contrast

A light, warm background with a brilliant gold accent and a grounding dark brown for text or details.

#D2B48C · #FFD700 · #8B4513

Vintage Shimmer

Combines varied gold tones for a rich, shimmering effect, ideal for decorative motifs or borders.

#B8860B · #F0E68C · #FFD700

Regal Foundation

Deep brown as a sturdy base, accented by bright gold and a light beige for elegant layouts.

#8B4513 · #FFD700 · #D2B48C

CSS variables

:root {
  --golden-age-glamour-1: #FFD700;
  --golden-age-glamour-2: #B8860B;
  --golden-age-glamour-3: #F0E68C;
  --golden-age-glamour-4: #D2B48C;
  --golden-age-glamour-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-age-glamour": {
        1: "#FFD700",
        2: "#B8860B",
        3: "#F0E68C",
        4: "#D2B48C",
        5: "#8B4513",
      }
    }
  }
}

Hex values

Color 1#FFD700

Color 2#B8860B

Color 3#F0E68C

Color 4#D2B48C

Color 5#8B4513

Accessibility

Contrast checker

2.3:1Fail

1.1:1Fail

1.4:1Fail

5.1:1AA

2.3:1Fail

2.5:1Fail

1.7:1Fail

2.2:1Fail

1.1:1Fail

2.5:1Fail

1.5:1Fail

5.5:1AA

1.4:1Fail

1.7:1Fail

1.5:1Fail

3.6:1AA18

5.1:1AA

2.2:1Fail

5.5:1AA

3.6:1AA18

Similar palettes

More like Golden Age Glamour

View all warm

Baroque Ornament Gold

Gilded Age

Gilded Age Opulence

Gilded Brocade Tapestry

Gilded Era Opulence

Gilded Omen