Palette

Gilded Age Opulence

Rich, luxurious golds and deep browns embodying the extravagance and refined elegance of the Gilded Age.

WarmElegant5 colors

More Warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6B4C0A#A07F37#D4BB64#FFE19A#FFF3CE

Palette guide

How to use Gilded Age Opulence

Overview

The 'Gilded Age Opulence' palette is a rich tapestry of luxurious golds and deep browns, perfectly embodying the extravagance and refined elegance of its namesake era. Anchored by the profound #6B4C0A (Dark Gold) and luminous #FFE19A (Light Gold), this collection offers a spectrum of warmth. From the sophisticated #A07F37 (Golden Brown) to the bright #D4BB64 (Muted Gold) and the soft #FFF3CE (Pale Cream), it creates a visual narrative of historic luxury. This palette is ideal for projects that require a classic, opulent, and inviting aesthetic, hinting at vintage grandeur and timeless appeal.

Best used for

Classic luxury branding and logos
High-end real estate marketing
Antique restoration websites or portfolios
Elegant wedding stationery and decor
Upscale product packaging and displays
Vintage-inspired graphic design

Suggested color roles

primary

Use #A07F37 (Golden Brown) as a versatile primary color for headings, prominent UI elements, or sophisticated backgrounds.

secondary

Apply #D4BB64 (Muted Gold) for supporting elements, subheadings, or to add a brighter, yet still rich, golden touch.

accent

Introduce #6B4C0A (Dark Gold) for deep accents, borders, or to provide a strong, grounded contrast.

background

Employ #FFF3CE (Pale Cream) as a warm, inviting background color, offering excellent readability for darker text.

text

For optimal readability on lighter backgrounds, use #6B4C0A (Dark Gold) or #A07F37 (Golden Brown) as your primary text color.

Accessibility notes

Ensure sufficient contrast when pairing #FFE19A (Light Gold) with #FFF3CE (Pale Cream) for text, as both are light.
Text in #6B4C0A or #A07F37 on a #FFF3CE background provides excellent readability.
Avoid using lighter golds like #FFE19A for small text on medium gold backgrounds to maintain legibility.
The darkest gold, #6B4C0A, offers a strong anchor for accessibility against the lighter palette members.

Recommended combinations

Warm Foundation

Creates a sophisticated and welcoming base; ideal for website backgrounds with clear content hierarchy.

#FFF3CE · #A07F37 · #6B4C0A

Golden Highlight

Showcases a gradient of rich golds; perfect for decorative elements, banners, or luxury product visuals.

#D4BB64 · #FFE19A · #A07F37

Deep Accent

Provides strong contrast and elegance; suitable for call-to-action buttons, borders, or prominent titles.

#6B4C0A · #FFF3CE · #FFE19A

CSS variables

:root {
  --gilded-age-opulence-2-1: #6B4C0A;
  --gilded-age-opulence-2-2: #A07F37;
  --gilded-age-opulence-2-3: #D4BB64;
  --gilded-age-opulence-2-4: #FFE19A;
  --gilded-age-opulence-2-5: #FFF3CE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gilded-age-opulence-2": {
        1: "#6B4C0A",
        2: "#A07F37",
        3: "#D4BB64",
        4: "#FFE19A",
        5: "#FFF3CE",
      }
    }
  }
}

Hex values

Color 1#6B4C0A

Color 2#A07F37

Color 3#D4BB64

Color 4#FFE19A

Color 5#FFF3CE

Accessibility

Contrast checker

2.1:1Fail

4.2:1AA18

6.2:1AA

7.1:1AAA

2.1:1Fail

2:1Fail

3:1Fail

3.4:1AA18

4.2:1AA18

2:1Fail

1.5:1Fail

1.7:1Fail

6.2:1AA

3:1Fail

1.5:1Fail

1.2:1Fail

7.1:1AAA

3.4:1AA18

1.7:1Fail

1.2:1Fail

Similar palettes

More like Gilded Age Opulence

View all Warm

Gilded Age

Gilded Age Grandeur

Gilded Opulence Shine

Ancient Gold Loom

Golden Empire Sunset

Pharaoh's Golden Sands