Back to palettes

Palette

Gilded Age

Rich bronzes and shimmering golds evoke the opulence and grandeur of a bygone, gilded era.

WarmElegant5 colors
More Warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B4513#B8860B#FFD700#DAA520#CDAA7D

Palette guide

How to use Gilded Age

Overview

The Gilded Age palette evokes the opulence and grandeur of a bygone era, offering a rich collection of bronzes and shimmering golds. It features a deep saddle brown (#8B4513), a radiant goldenrod (#B8860B), a brilliant pure gold (#FFD700), a warm golden yellow (#DAA520), and a soft, antique gold (#CDAA7D). This palette is designed to convey luxury, elegance, and historical richness. Designers and developers can utilize these magnificent tones to create sophisticated branding, high-end product showcases, or elegant digital experiences that echo the lavishness and classic charm of the Gilded Age, ensuring a truly distinguished visual presence.

Best used for

  • Luxury brand identity
  • High-end jewelry websites
  • Historical fiction book covers
  • Classical event invitations
  • Upscale interior design concepts
  • Premium product packaging

Suggested color roles

primary

A strong, grounding saddle brown (#8B4513), excellent for main backgrounds, robust headers, or anchors in a luxurious design.

secondary

A radiant goldenrod (#B8860B), suitable for subheadings, decorative elements, or secondary calls-to-action.

accent

Pure gold (#FFD700), perfect for highlighting key features, awards, or interactive elements that demand attention and luxury.

background

A soft, antique gold (#CDAA7D) that provides a warm and inviting, yet elegant, backdrop for content.

text

For optimal readability on lighter gold backgrounds, use the deepest brown (#8B4513). For dark backgrounds, use white or #FFD700.

Accessibility notes

  • Ensure #FFD700 (pure gold) and #DAA520 (golden yellow) text has sufficient contrast against any background, especially lighter golds.
  • The dark brown #8B4513 provides excellent contrast for lighter gold or white text.
  • Avoid placing #CDAA7D (antique gold) text on #DAA520 (golden yellow) or #B8860B backgrounds due to low contrast.
  • Use larger font sizes or bolding for text in lighter gold shades to improve legibility on medium-toned backgrounds.

Recommended combinations

Regal Foundation

Creates a rich, stable, and elegant base for sophisticated branding.

#8B4513 · #B8860B · #CDAA7D

Shimmering Accent

Ideal for highlighting luxury items or interactive elements with a touch of brilliance.

#FFD700 · #DAA520 · #8B4513

Antique Warmth

Perfect for warm, inviting backgrounds or subtle decorative patterns.

#CDAA7D · #B8860B · #DAA520

CSS variables

:root {
  --gilded-age-2-1: #8B4513;
  --gilded-age-2-2: #B8860B;
  --gilded-age-2-3: #FFD700;
  --gilded-age-2-4: #DAA520;
  --gilded-age-2-5: #CDAA7D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gilded-age-2": {
        1: "#8B4513",
        2: "#B8860B",
        3: "#FFD700",
        4: "#DAA520",
        5: "#CDAA7D",
      }
    }
  }
}

Related searches

gilded age colorsluxury gold palettevintage elegant designbronze and gold schemeopulent branding colors

Palette colors

Hex values

Color 1#8B4513
·
Color 2#B8860B
·
Color 3#FFD700
·
Color 4#DAA520
·
Color 5#CDAA7D
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.2:1Fail
5.1:1AA
3.2:1AA18
3.3:1AA18
2
2.2:1Fail
2.3:1Fail
1.5:1Fail
1.5:1Fail
3
5.1:1AA
2.3:1Fail
1.6:1Fail
1.6:1Fail
4
3.2:1AA18
1.5:1Fail
1.6:1Fail
1:1Fail
5
3.3:1AA18
1.5:1Fail
1.6:1Fail
1:1Fail

Similar palettes

More like Gilded Age

View all Warm
Gilded Age Opulence
Gilded Opulence Shine
Gilded Age Grandeur
Ancient Gold Loom
Golden Empire Sunset
Pharaoh's Golden Sands