Palette

Gilded Age Elegance

Rich and refined, evoking the luxurious golden hues and subdued richness of the Gilded Age.

neutralelegant5 colors

More neutral 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

#483C32#B8860B#DAA520#FFF8DC#F0E68C

Palette guide

How to use Gilded Age Elegance

Overview

The "Gilded Age Elegance" palette offers a rich and refined collection, embodying the luxurious golden hues and subdued richness of its namesake era. It features a deep, warm charcoal brown (#483C32), providing a solid, elegant foundation. This is beautifully contrasted by a range of radiant golds: a medium olive gold (#B8860B), a brighter goldenrod (#DAA520), and a soft, pale cream (#FFF8DC) that leans towards ivory. A muted, light gold (#F0E68C) adds another layer of subtle shimmer. This palette is perfect for projects seeking a classic, sophisticated, and warm aesthetic, such as upscale branding, traditional web design, or editorial content with an antique feel.

Best used for

Classic luxury branding
Vintage-inspired home decor
Traditional wedding invitations
High-end confectionery packaging
Historical documentary graphics
Elegant restaurant interiors

Suggested color roles

primary

#483C32 - A deep, anchoring brown, ideal for backgrounds, main content sections, or commanding typographic elements, conveying warmth and stability.

secondary

#B8860B - A rich, earthy gold suitable for secondary headings, accents, or illustrations, providing a sophisticated metallic touch.

accent

#DAA520 - The brightest gold, perfect for calls to action, important highlights, or decorative elements that need to stand out with brilliance.

background

#FFF8DC - A soft, luminous cream that serves as an excellent, inviting main background, ensuring high readability for darker text.

text

#483C32 - Use the deep charcoal brown for all body text on lighter backgrounds like #FFF8DC or #F0E68C for optimal contrast and an elegant feel.

Accessibility notes

Ensure #B8860B and #DAA520 text has sufficient contrast against #FFF8DC background, especially for smaller font sizes.
#483C32 text on #FFF8DC provides excellent contrast and readability.
Avoid using #F0E68C as text on #FFF8DC; the contrast will be too low.
For dark backgrounds like #483C32, #FFF8DC or a bright white text would offer good contrast.

Recommended combinations

Classic Brown & Gold

For a timeless, luxurious feel, using the deep brown as a base, cream for content, and bright gold for key accents.

#483C32 · #FFF8DC · #DAA520

Warm Gold Spectrum

Layer different gold tones for a shimmering, rich effect, ideal for decorative elements or gradients.

#B8860B · #DAA520 · #F0E68C

Elegant Contrast

Utilize the cream as a dominant background, with dark brown for text and a deeper gold for subtle branding.

#FFF8DC · #483C32 · #B8860B

CSS variables

:root {
  --gilded-age-elegance-6-1: #483C32;
  --gilded-age-elegance-6-2: #B8860B;
  --gilded-age-elegance-6-3: #DAA520;
  --gilded-age-elegance-6-4: #FFF8DC;
  --gilded-age-elegance-6-5: #F0E68C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gilded-age-elegance-6": {
        1: "#483C32",
        2: "#B8860B",
        3: "#DAA520",
        4: "#FFF8DC",
        5: "#F0E68C",
      }
    }
  }
}

Hex values

Color 1#483C32

Color 2#B8860B

Color 3#DAA520

Color 4#FFF8DC

Color 5#F0E68C

Accessibility

Contrast checker

3.3:1AA18

4.8:1AA

10:1AAA

8.3:1AAA

3.3:1AA18

1.5:1Fail

3.1:1AA18

2.5:1Fail

4.8:1AA

1.5:1Fail

2.1:1Fail

1.7:1Fail

10:1AAA

3.1:1AA18

2.1:1Fail

1.2:1Fail

8.3:1AAA

2.5:1Fail

1.7:1Fail

1.2:1Fail

Similar palettes

More like Gilded Age Elegance