Palette

Gilded Age Elegance

A sophisticated blend of muted neutrals and rich gold, reminiscent of historical luxury.

elegantelegant5 colors

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

#4F4F4F#8B7B6C#C4B4A4#DCDCDC#FFD700

Palette guide

How to use Gilded Age Elegance

Overview

The "Gilded Age Elegance" palette offers a sophisticated blend of muted neutrals and a striking gold, reminiscent of historical luxury. This refined collection features a charcoal grey (#4F4F4F), a warm taupe (#8B7B6C), a soft greige (#C4B4A4), and a bright, almost white silver (#DCDCDC). The opulence is introduced by the vibrant, true gold (#FFD700), acting as a powerful accent. This palette is perfect for designs requiring an understated elegance with moments of grandeur, suitable for high-end fashion, architectural presentations, or digital interfaces that demand a classic, timeless aesthetic. It provides a versatile foundation with a clear focal point.

Best used for

High-end fashion brand identity
Interior design mood boards
Classic automotive or watch branding
Editorial layouts with a sophisticated tone
Upscale wedding stationery
Museum exhibit design

Suggested color roles

primary

#4F4F4F - A strong, grounding charcoal ideal for sophisticated backgrounds, large text blocks, or structural elements.

secondary

#8B7B6C - A warm, inviting taupe perfect for secondary content areas, subheadings, or as a contrasting neutral.

accent

#FFD700 - The luminous gold, best reserved for calls to action, key graphics, or subtle luxurious details to catch the eye.

background

#DCDCDC - A clean, bright silver that serves as an excellent main background, providing light and spaciousness.

text

#4F4F4F - Use the deep charcoal for body text on lighter backgrounds like #DCDCDC or #C4B4A4 for optimal readability.

Accessibility notes

Ensure #FFD700 text has sufficient contrast against #DCDCDC; it's generally too light for small text.
#4F4F4F text on #DCDCDC offers excellent contrast and readability.
Be cautious using #8B7B6C or #C4B4A4 for small text on light backgrounds; check contrast ratios.
For a dark background, #DCDCDC or a bright white text will provide good contrast against #4F4F4F.

Recommended combinations

Classic Gold & Grey

For a timeless and elegant look, using charcoal as a base, silver for content, and gold for highlights.

#4F4F4F · #DCDCDC · #FFD700

Warm Neutrality

Combine the warm taupe and greige with gold accents for a softer, inviting yet opulent feel.

#8B7B6C · #C4B4A4 · #FFD700

Subtle Contrast

Utilize the light silver as a dominant background, with charcoal for text and taupe for secondary elements.

#DCDCDC · #4F4F4F · #8B7B6C

CSS variables

:root {
  --gilded-age-elegance-4-1: #4F4F4F;
  --gilded-age-elegance-4-2: #8B7B6C;
  --gilded-age-elegance-4-3: #C4B4A4;
  --gilded-age-elegance-4-4: #DCDCDC;
  --gilded-age-elegance-4-5: #FFD700;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gilded-age-elegance-4": {
        1: "#4F4F4F",
        2: "#8B7B6C",
        3: "#C4B4A4",
        4: "#DCDCDC",
        5: "#FFD700",
      }
    }
  }
}

Hex values

Color 1#4F4F4F

Color 2#8B7B6C

Color 3#C4B4A4

Color 4#DCDCDC

Color 5#FFD700

Accessibility

Contrast checker

2:1Fail

4.1:1AA18

6:1AA

5.8:1AA

2:1Fail

3:1Fail

2.9:1Fail

4.1:1AA18

2:1Fail

1.5:1Fail

1.4:1Fail

6:1AA

3:1Fail

1.5:1Fail

1:1Fail

5.8:1AA

2.9:1Fail

1.4:1Fail

1: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

Classic Gold & Grey

Warm Neutrality

Subtle Contrast

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Gilded Age Elegance