Palette

Gilded Age Elegance

Rich and opulent, echoing the grandeur and refined tastes of a bygone golden era.

warmelegant5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A98467#D4A373#E6B880#F0C495#F5DEB3

Palette guide

How to use Gilded Age Elegance

Overview

The "Gilded Age Elegance" palette is a rich and opulent collection echoing the grandeur and refined tastes of a bygone golden era. This harmonious palette features a spectrum of warm, inviting browns and soft, luminous golds. From a deep, earthy tan (#A98467) to a lighter, more golden beige (#D4A373), and then progressing through warm creams (#E6B880, #F0C495) to a delicate, almost ivory hue (#F5DEB3), it offers a cohesive and elegant range. Ideal for projects seeking a sense of historic luxury, comfort, and sophisticated warmth, this palette is perfect for high-end traditional branding, elegant web design, or editorial layouts that convey heritage and timeless beauty.

Best used for

Traditional luxury interior design
High-end bespoke furniture branding
Vintage-inspired photography backdrops
Elegant confectionery or bakery packaging
Historical fiction book covers
Sophisticated wedding stationery

Suggested color roles

primary

#A98467 - A grounding, rich tan, excellent for backgrounds, main content sections, or commanding typographic elements, conveying warmth and stability.

secondary

#D4A373 - A lighter, golden beige, suitable for secondary headings, navigation, or as a contrasting background to darker elements.

accent

#E6B880 - A warm, luminous cream, perfect for subtle highlights, calls to action, or decorative elements that need a gentle glow.

background

#F5DEB3 - A delicate, almost ivory hue that serves as an excellent, inviting main background, ensuring high readability for darker text.

text

#A98467 - Use the deep tan for all body text on lighter backgrounds like #F5DEB3 or #F0C495 for optimal contrast and an elegant, warm feel.

Accessibility notes

Avoid placing #F0C495 or #F5DEB3 text on light backgrounds as contrast will be insufficient.
#A98467 text on #F5DEB3 provides excellent contrast and readability.
Be cautious with #E6B880 text on #D4A373; ensure contrast is met, especially for small text.
For dark backgrounds, a bright white or very light cream would offer good contrast.

Recommended combinations

Warm Earth & Gold

Combine the rich tan with a soft ivory background and a warm cream accent for a classic, inviting feel.

#A98467 · #F5DEB3 · #E6B880

Layered Neutrals

Layer these warm, light tones for a subtle, sophisticated effect, ideal for gradients or soft visual depth.

#D4A373 · #E6B880 · #F0C495

Deep & Light Contrast

Utilize the lightest ivory as a dominant background, with deep tan for text and golden beige for secondary elements.

#F5DEB3 · #A98467 · #D4A373

CSS variables

:root {
  --gilded-age-elegance-1: #A98467;
  --gilded-age-elegance-2: #D4A373;
  --gilded-age-elegance-3: #E6B880;
  --gilded-age-elegance-4: #F0C495;
  --gilded-age-elegance-5: #F5DEB3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gilded-age-elegance": {
        1: "#A98467",
        2: "#D4A373",
        3: "#E6B880",
        4: "#F0C495",
        5: "#F5DEB3",
      }
    }
  }
}

Hex values

Color 1#A98467

Color 2#D4A373

Color 3#E6B880

Color 4#F0C495

Color 5#F5DEB3

Accessibility

Contrast checker

1.5:1Fail

1.9:1Fail

2.1:1Fail

2.6:1Fail

1.5:1Fail

1.2:1Fail

1.4:1Fail

1.7:1Fail

1.9:1Fail

1.2:1Fail

1.1:1Fail

1.4:1Fail

2.1:1Fail

1.4:1Fail

1.1:1Fail

1.2:1Fail

2.6:1Fail

1.7:1Fail

1.4:1Fail

1.2:1Fail

Similar palettes

More like Gilded Age Elegance

Gilded Age Elegance

See it in context.

Ready when you are.

Built with Gilded Age Elegance.

How to use Gilded Age Elegance

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Warm Earth & Gold

Layered Neutrals

Deep & Light Contrast

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Gilded Age Elegance