Back to palettes

Palette

Gilded Age Elegance

A sophisticated palette capturing the opulence and classic charm of a bygone 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

#B8860B#DAA520#D2B48C#A9A9A9#2F4F4F

Palette guide

How to use Gilded Age Elegance

Overview

Gilded Age Elegance is a sophisticated and refined color palette, perfectly capturing the opulence and classic charm of a bygone era. It features a radiant goldenrod (#B8860B), a warm golden yellow (#DAA520), a light tan (#D2B48C), a classic medium grey (#A9A9A9), and a deep dark slate grey (#2F4F4F). This palette expertly blends luxurious golds with elegant neutrals, creating a sense of vintage richness and formality. Designers and developers can leverage these tones to create distinguished branding, high-end editorial layouts, or sophisticated digital experiences that embody timeless class and understated grandeur.

Best used for

  • Luxury real estate branding
  • High-fashion editorial layouts
  • Museum website design
  • Formal event invitations
  • Premium subscription service interfaces
  • Classic automotive marketing

Suggested color roles

primary

A deep, dark slate grey (#2F4F4F), excellent for main backgrounds, robust headers, or sophisticated typography, providing a strong anchor.

secondary

A versatile medium grey (#A9A9A9), suitable for subheadings, borders, or secondary UI elements, offering a crisp contrast.

accent

This radiant goldenrod (#B8860B) is ideal for calls-to-action, key highlights, or decorative elements, conveying luxury and prominence.

background

A light tan (#D2B48C) that provides a warm, elegant, and neutral backdrop for content, allowing other colors to shine.

text

For optimal readability on lighter backgrounds, use the darkest grey (#2F4F4F). For dark backgrounds, use white or #B8860B.

Accessibility notes

  • Ensure #B8860B (goldenrod) and #DAA520 (golden yellow) text has sufficient contrast against lighter backgrounds like #D2B48C.
  • The dark slate grey #2F4F4F provides excellent contrast for white or light gold text.
  • Avoid placing #A9A9A9 (medium grey) text on #D2B48C (light tan) or #DAA520 (golden yellow) due to potential low contrast.
  • For interactive elements, ensure distinct visual cues beyond color, especially when using similar mid-tones.

Recommended combinations

Classic Foundation

Creates a sophisticated and professional base for corporate branding or web layouts.

#2F4F4F · #A9A9A9 · #D2B48C

Gilded Highlight

Ideal for prominent calls-to-action, awards, or luxurious visual accents.

#B8860B · #DAA520 · #2F4F4F

Refined Contrast

Perfect for elegant backgrounds with subtle, shimmering details or secondary information.

#D2B48C · #A9A9A9 · #B8860B

CSS variables

:root {
  --gilded-age-elegance-2-1: #B8860B;
  --gilded-age-elegance-2-2: #DAA520;
  --gilded-age-elegance-2-3: #D2B48C;
  --gilded-age-elegance-2-4: #A9A9A9;
  --gilded-age-elegance-2-5: #2F4F4F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gilded-age-elegance-2": {
        1: "#B8860B",
        2: "#DAA520",
        3: "#D2B48C",
        4: "#A9A9A9",
        5: "#2F4F4F",
      }
    }
  }
}

Related searches

gilded age color schemeelegant gold grey palettevintage luxury colorsformal design paletteclassic opulent branding

Palette colors

Hex values

Color 1#B8860B
·
Color 2#DAA520
·
Color 3#D2B48C
·
Color 4#A9A9A9
·
Color 5#2F4F4F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.7:1Fail
1.4:1Fail
2.7:1Fail
2
1.5:1Fail
1.1:1Fail
1.1:1Fail
4:1AA18
3
1.7:1Fail
1.1:1Fail
1.2:1Fail
4.5:1AA
4
1.4:1Fail
1.1:1Fail
1.2:1Fail
3.8:1AA18
5
2.7:1Fail
4:1AA18
4.5:1AA
3.8:1AA18

Similar palettes

More like Gilded Age Elegance

View all warm