Palette

Gilded Age Elegance

Sumptuous gold, rich teal, and deep burgundy capture the sophisticated glamour of the Art Deco era.

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

#0F1F2F#1B4F4F#701A2B#AE9551#E6D7AD

Palette guide

How to use Gilded Age Elegance

Overview

The "Gilded Age Elegance" palette captures the sophisticated glamour of a bygone era with its rich combination of deep hues and luminous gold. Featuring a commanding dark blue-grey (#0F1F2F), a lush teal (#1B4F4F), and a passionate burgundy (#701A2B), this palette is grounded in depth. The warmth emerges with the antique gold (#AE9551) and a soft, creamy beige (#E6D7AD), offering a luxurious contrast. Designers can leverage this blend to create experiences that feel both grand and intimately refined, ideal for branding, web design, or editorial layouts seeking a touch of vintage opulence. The interplay between the deep tones and the brighter gold provides excellent opportunities for visual hierarchy and sophisticated accents.

Best used for

Luxury brand websites and packaging
High-end interior design concepts
Vintage-themed event invitations
Editorial design for fashion or history magazines
Theatrical set design and costume palettes
Bespoke product branding

Suggested color roles

primary

#0F1F2F - Use as the dominant dark anchor for sophisticated backgrounds or main content areas, providing a sense of gravitas and depth.

secondary

#1B4F4F - Excellent for navigation, secondary sections, or large typographic elements, offering a rich, elegant counterpoint to the primary dark.

accent

#AE9551 - Ideal for calls to action, important headlines, or decorative flourishes, drawing the eye with its luxurious, metallic gleam.

background

#E6D7AD - A soft, warm base for main content, providing excellent readability when paired with darker text, or as an inviting backdrop.

text

#701A2B - Use for important headings or sub-headings to add a touch of rich color, or a dark charcoal/black for body text readability on lighter backgrounds.

Accessibility notes

Ensure sufficient contrast when placing #AE9551 text on #E6D7AD background.
Darker colors like #0F1F2F and #1B4F4F will provide good contrast with light text like #E6D7AD.
Avoid using #701A2B text on #AE9551 as contrast might be insufficient for small text.
Consider a near-white or light cream for body text on the darker primary and secondary colors for optimal readability.

Recommended combinations

Deep & Gold

For a classic, opulent look, using the deep blue-grey as a base, gold for highlights, and cream for balance.

#0F1F2F · #AE9551 · #E6D7AD

Regal Contrast

Combine the rich teal and burgundy with gold accents for a jewel-toned, luxurious feel.

#1B4F4F · #701A2B · #AE9551

Soft Elegance

Utilize the cream as a dominant background, with dark blue-grey for text and burgundy for subtle highlights.

#E6D7AD · #0F1F2F · #701A2B

CSS variables

:root {
  --gilded-age-elegance-3-1: #0F1F2F;
  --gilded-age-elegance-3-2: #1B4F4F;
  --gilded-age-elegance-3-3: #701A2B;
  --gilded-age-elegance-3-4: #AE9551;
  --gilded-age-elegance-3-5: #E6D7AD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gilded-age-elegance-3": {
        1: "#0F1F2F",
        2: "#1B4F4F",
        3: "#701A2B",
        4: "#AE9551",
        5: "#E6D7AD",
      }
    }
  }
}

Hex values

Color 1#0F1F2F

Color 2#1B4F4F

Color 3#701A2B

Color 4#AE9551

Color 5#E6D7AD

Accessibility

Contrast checker

1.8:1Fail

1.5:1Fail

5.7:1AA

11.7:1AAA

1.8:1Fail

1.2:1Fail

3.2:1AA18

6.4:1AA

1.5:1Fail

1.2:1Fail

3.9:1AA18

7.8:1AAA

5.7:1AA

3.2:1AA18

3.9:1AA18

2:1Fail

11.7:1AAA

6.4:1AA

7.8:1AAA

2:1Fail

Similar palettes

More like Gilded Age Elegance

Baroque Velvet Splendor

Gatsby Era Elegance

Gatsby Glamour Night