Palette

Gilded Age Patina

A sophisticated blend of antique golds and tarnished silvers, reminiscent of aged luxury.

elegantelegant5 colors

More elegant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A9A9A9#C0C0C0#B8860B#DAA520#FFD700

Palette guide

How to use Gilded Age Patina

Overview

The 'Gilded Age Patina' palette offers a sophisticated blend of antique golds and tarnished silvers, perfectly reminiscent of aged luxury and historical artifacts. Featuring a spectrum from the deep #A9A9A9 (Dark Gray) to the lighter #C0C0C0 (Silver), it beautifully complements the rich #B8860B (Dark Goldenrod), #DAA520 (Goldenrod), and brilliant #FFD700 (Gold). This palette evokes a sense of timeless elegance, combining the industrial chic of aged metals with the warmth of classic gold. It's ideal for designs that seek a vintage, refined, and distinctly opulent aesthetic with a touch of history.

Best used for

Vintage brand identity and logos
Antique shop or gallery websites
Historical restoration project branding
Sophisticated event collateral
Luxury interior design accents with metallic finishes
Digital interfaces requiring an aged, elegant feel

Suggested color roles

primary

Utilize #DAA520 (Goldenrod) as a rich, prominent gold for key elements, logos, or striking highlights.

secondary

Apply #A9A9A9 (Dark Gray) for supporting elements, backgrounds, or text to convey an aged metallic and grounded feel.

accent

Introduce #FFD700 (Gold) for brilliant accents, call-to-action buttons, or to add a touch of luminous opulence.

background

Employ #C0C0C0 (Silver) as a cool, elegant background for a modern vintage feel, offering good contrast for darker hues.

text

For optimal readability, use #A9A9A9 (Dark Gray) or #B8860B (Dark Goldenrod) on lighter backgrounds like #C0C0C0 or a clean white (outside palette).

Accessibility notes

Ensure sufficient contrast when using #C0C0C0 (Silver) for text on #A9A9A9 (Dark Gray) background.
Text in #A9A9A9 on a #C0C0C0 background provides excellent readability.
Avoid pairing #DAA520 (Goldenrod) with #B8860B (Dark Goldenrod) for small text due to potential low contrast.
The bright #FFD700 (Gold) stands out well against all gray tones in the palette, ensuring visibility.

Recommended combinations

Aged Luxury

Creates a sophisticated, vintage metallic look; ideal for branding, headers, and decorative elements.

#A9A9A9 · #DAA520 · #FFD700

Silvered Elegance

Provides a cool, refined base; perfect for backgrounds, secondary text, or subtle UI elements.

#C0C0C0 · #B8860B · #A9A9A9

Brilliant Patina

Highlights key features with a luminous touch; suitable for call-to-action buttons, icons, or focal points.

#FFD700 · #A9A9A9 · #B8860B

CSS variables

:root {
  --gilded-age-patina-1: #A9A9A9;
  --gilded-age-patina-2: #C0C0C0;
  --gilded-age-patina-3: #B8860B;
  --gilded-age-patina-4: #DAA520;
  --gilded-age-patina-5: #FFD700;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gilded-age-patina": {
        1: "#A9A9A9",
        2: "#C0C0C0",
        3: "#B8860B",
        4: "#DAA520",
        5: "#FFD700",
      }
    }
  }
}

Hex values

Color 1#A9A9A9

Color 2#C0C0C0

Color 3#B8860B

Color 4#DAA520

Color 5#FFD700

Accessibility

Contrast checker

1.3:1Fail

1.4:1Fail

1.1:1Fail

1.7:1Fail

1.3:1Fail

1.8:1Fail

1.2:1Fail

1.3:1Fail

1.4:1Fail

1.8:1Fail

1.5:1Fail

2.3:1Fail

1.1:1Fail

1.2:1Fail

1.5:1Fail

1.6:1Fail

1.7:1Fail

1.3:1Fail

2.3:1Fail

1.6:1Fail

Similar palettes

More like Gilded Age Patina

Gilded Age Patina

See it in context.

Ready when you are.

Built with Gilded Age Patina.

How to use Gilded Age Patina

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Aged Luxury

Silvered Elegance

Brilliant Patina

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Gilded Age Patina