Palette

Gilded Age Opulence

A sophisticated palette reflecting the rich, ornate beauty of historical grandeur and refined artistry.

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

#E1C87D#8D6C42#B5941C#4A4A4A#E8E0CE

Palette guide

How to use Gilded Age Opulence

Overview

The 'Gilded Age Opulence' palette reflects the rich, ornate beauty of historical grandeur with a sophisticated blend of gold, brown, and charcoal tones. From the soft, inviting #E8E0CE (Light Beige) to the elegant #E1C87D (Muted Gold) and vibrant #B5941C (Brass), this palette exudes refined artistry. Grounded by the deep #8D6C42 (Dark Brown) and modern #4A4A4A (Charcoal Gray), it offers a balanced approach to luxury. This collection is perfect for designs that aim to convey a sense of timeless elegance, vintage charm, and sophisticated historical depth without being overly flashy.

Best used for

Museum and gallery exhibit design
Historical documentary branding
Sophisticated web design for luxury brands
Classic fashion brand identity
Fine art reproduction and publishing
High-end interior design accents

Suggested color roles

primary

Use #E1C87D (Muted Gold) for elegant highlights, decorative elements, or as a sophisticated background accent.

secondary

Apply #8D6C42 (Dark Brown) for grounding elements, text, or to convey warmth and stability.

accent

Introduce #B5941C (Brass) for a more vibrant, eye-catching gold accent on specific details or calls to action.

background

Employ #E8E0CE (Light Beige) as a clean, refined background for excellent readability and a soft, inviting feel.

text

For optimal readability on lighter backgrounds, use #4A4A4A (Charcoal Gray) or #8D6C42 (Dark Brown) as your primary text color.

Accessibility notes

Ensure sufficient contrast between #E1C87D and #E8E0CE if used for text and background respectively.
Text in #4A4A4A or #8D6C42 on #E8E0CE provides excellent contrast and readability.
Avoid pairing #B5941C (Brass) with #E1C87D (Muted Gold) for small text due to potential low contrast.
The #4A4A4A (Charcoal Gray) offers a robust neutral for text against any of the lighter golds.

Recommended combinations

Refined Foundation

Creates a clean, sophisticated base; ideal for body text, main content areas, and subtle branding.

#E8E0CE · #4A4A4A · #E1C87D

Vintage Accent

Highlights rich, historical details; perfect for decorative borders, illustrations, or key information.

#8D6C42 · #B5941C · #E1C87D

Modern Grandeur

Combines classic elegance with a contemporary edge; suitable for titles, logos, and UI elements.

#4A4A4A · #E1C87D · #E8E0CE

CSS variables

:root {
  --gilded-age-opulence-3-1: #E1C87D;
  --gilded-age-opulence-3-2: #8D6C42;
  --gilded-age-opulence-3-3: #B5941C;
  --gilded-age-opulence-3-4: #4A4A4A;
  --gilded-age-opulence-3-5: #E8E0CE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gilded-age-opulence-3": {
        1: "#E1C87D",
        2: "#8D6C42",
        3: "#B5941C",
        4: "#4A4A4A",
        5: "#E8E0CE",
      }
    }
  }
}

Hex values

Color 1#E1C87D

Color 2#8D6C42

Color 3#B5941C

Color 4#4A4A4A

Color 5#E8E0CE

Accessibility

Contrast checker

2.9:1Fail

1.8:1Fail

5.4:1AA

1.3:1Fail

2.9:1Fail

1.7:1Fail

1.8:1Fail

3.7:1AA18

1.8:1Fail

1.7:1Fail

3:1AA18

2.2:1Fail

5.4:1AA

1.8:1Fail

3:1AA18

6.7:1AA

1.3:1Fail

3.7:1AA18

2.2:1Fail

6.7:1AA

Similar palettes

More like Gilded Age Opulence

Gilded Age Opulence

See it in context.

Ready when you are.

Built with Gilded Age Opulence.

How to use Gilded Age Opulence

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Refined Foundation

Vintage Accent

Modern Grandeur

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Gilded Age Opulence