Back to palettes

Palette

Gilded Era Opulence

A decadent collection of rich browns and shimmering golds, reminiscent of the luxurious Gilded Age.

warmelegant5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#7D4F2F#B3864A#D6AD60#E0C78E#F2E3C9

Palette guide

How to use Gilded Era Opulence

Overview

The Gilded Era Opulence palette offers a decadent collection of rich browns and shimmering golds, reminiscent of the luxurious historical period. With hues like #7D4F2F and #B3864A, it exudes warmth and timeless elegance. Designers can use the creamy #F2E3C9 as a soft backdrop, allowing the brighter #D6AD60 to shine as an accent. Developers will find this palette excellent for creating sophisticated digital experiences that evoke vintage charm and high-end quality. It’s ideal for projects requiring a sense of heritage, comfort, and understated luxury, ensuring a refined aesthetic.

Best used for

  • E-commerce for antique goods
  • Luxury product packaging
  • Sophisticated editorial design
  • Historical documentary branding
  • Upscale restaurant interiors
  • Wedding invitations with a vintage touch

Suggested color roles

primary

Use #7D4F2F (Rich Mahogany) as a stable, deep base for headings, large text blocks, or primary UI elements.

secondary

Apply #B3864A (Aged Gold) for secondary information, borders, or subtle decorative patterns to add warmth and luxury.

accent

Utilize #D6AD60 (Bright Gilt) for highlights, interactive elements, or focal points to catch the eye with a touch of shimmer.

background

Employ #F2E3C9 (Creamy Linen) as a soft, elegant canvas for main content areas, providing excellent readability.

text

For body text on light backgrounds, #7D4F2F offers excellent contrast. For headings on darker backgrounds, use #F2E3C9.

Accessibility notes

  • Text in #7D4F2F on #F2E3C9 offers good contrast, making it highly readable for body content.
  • Avoid using #E0C78E or #F2E3C9 for small text unless placed on a very dark background, as they are too light.
  • Ensure sufficient contrast for interactive elements using #B3864A or #D6AD60 against lighter backgrounds.
  • For critical information on #F2E3C9, use a darker shade like #7D4F2F to meet WCAG AA standards.

Recommended combinations

Classic Elegance

Perfect for traditional layouts, headings, and sophisticated text blocks, offering clear readability.

#7D4F2F · #F2E3C9 · #B3864A

Gilded Warmth

Creates a rich, layered effect suitable for decorative elements, subtle gradients, or background patterns.

#D6AD60 · #E0C78E · #7D4F2F

Soft Radiance

Ideal for backgrounds, subtle accents, and a light, airy feel with a touch of gold for visual interest.

#F2E3C9 · #B3864A · #D6AD60

CSS variables

:root {
  --gilded-era-opulence-1: #7D4F2F;
  --gilded-era-opulence-2: #B3864A;
  --gilded-era-opulence-3: #D6AD60;
  --gilded-era-opulence-4: #E0C78E;
  --gilded-era-opulence-5: #F2E3C9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gilded-era-opulence": {
        1: "#7D4F2F",
        2: "#B3864A",
        3: "#D6AD60",
        4: "#E0C78E",
        5: "#F2E3C9",
      }
    }
  }
}

Related searches

gilded age color schemesvintage gold brown paletteluxurious warm colorshistorical design colorselegant cream gold brown

Palette colors

Hex values

Color 1#7D4F2F
·
Color 2#B3864A
·
Color 3#D6AD60
·
Color 4#E0C78E
·
Color 5#F2E3C9
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.1:1Fail
3.3:1AA18
4.2:1AA18
5.5:1AA
2
2.1:1Fail
1.6:1Fail
2:1Fail
2.6:1Fail
3
3.3:1AA18
1.6:1Fail
1.3:1Fail
1.7:1Fail
4
4.2:1AA18
2:1Fail
1.3:1Fail
1.3:1Fail
5
5.5:1AA
2.6:1Fail
1.7:1Fail
1.3:1Fail

Similar palettes

More like Gilded Era Opulence

View all warm