Palette

Gatsby Era Glimmer

A bold and elegant palette capturing the sophisticated, geometric allure of the Art Deco era with teal, gold, and deep reds.

vibrantelegant5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Gatsby Era Glimmer 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 Gatsby Era Glimmer.

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

Data visualization

#008080#FFD700#000000#F5F5DC#800000

Palette guide

How to use Gatsby Era Glimmer

Overview

The Gatsby Era Glimmer is a bold and elegant palette capturing the sophisticated, geometric allure of the Art Deco era with teal, gold, and deep reds. This vibrant collection features a striking teal, #008080, a dazzling pure gold, #FFD700, a classic deep black, #000000, a creamy near-white, #F5F5DC, and a rich maroon-red, #800000. These colors work together to create a mood of dramatic elegance, vintage luxury, and high-impact sophistication, making the Gatsby Era Glimmer palette ideal for designs that aim to convey a sense of celebration, prestige, or a classic, theatrical aesthetic. Designers can leverage its strong contrasts for truly memorable visuals.

Best used for

Art Deco themed event branding and invitations
Luxury product packaging and high-end advertising
Theater and performing arts promotional materials
Fashion and beauty editorial layouts with a vintage twist
Sophisticated website headers and UI elements
Retro-inspired interior design concepts

Suggested color roles

primary

Utilize #000000 as a dominant background to establish a dramatic, sophisticated, and grounding foundation for vibrant accents.

secondary

Employ #008080 for secondary sections, large headings, or impactful UI elements, offering a rich, jewel-toned contrast.

accent

Introduce #FFD700 generously for dazzling highlights, metallic accents, or important calls-to-action that demand attention.

background

#F5F5DC provides a warm, creamy near-white background, excellent for showcasing darker elements or as a readable text area.

text

For text against #000000 or #008080, use #FFD700 or #F5F5DC for crisp readability. Against #F5F5DC, use #000000 or #800000 for body text.

Accessibility notes

Pairing #F5F5DC or #FFD700 with #000000 or #008080 provides excellent WCAG AA contrast for text.
The bright gold #FFD700 may not have sufficient contrast with #F5F5DC for small text; use it for larger headings or decorative elements.
Ensure interactive elements using gold or teal accents have clear contrast against their background, especially for critical actions.
When using #800000 for text, ensure the background is either very dark (like #000000) or very light (like #F5F5DC) for readability.

Recommended combinations

Deco Night

Creates a dramatic, opulent contrast for luxury branding, event posters, or bold website sections.

#000000 · #FFD700 · #008080

Glamourous Red

Excellent for conveying vintage passion and sophistication in editorial layouts or product packaging.

#F5F5DC · #800000 · #000000

Teal & Gold

Suitable for creating vibrant, elegant headers or UI elements that pop with Art Deco flair.

#008080 · #FFD700 · #F5F5DC

CSS variables

:root {
  --gatsby-era-glimmer-1: #008080;
  --gatsby-era-glimmer-2: #FFD700;
  --gatsby-era-glimmer-3: #000000;
  --gatsby-era-glimmer-4: #F5F5DC;
  --gatsby-era-glimmer-5: #800000;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gatsby-era-glimmer": {
        1: "#008080",
        2: "#FFD700",
        3: "#000000",
        4: "#F5F5DC",
        5: "#800000",
      }
    }
  }
}

Hex values

Color 1#008080

Color 2#FFD700

Color 3#000000

Color 4#F5F5DC

Color 5#800000

Accessibility

Contrast checker

3.4:1AA18

4.4:1AA18

4.3:1AA18

2.3:1Fail

3.4:1AA18

15:1AAA

1.3:1Fail

7.8:1AAA

4.4:1AA18

15:1AAA

19:1AAA

1.9:1Fail

4.3:1AA18

1.3:1Fail

19:1AAA

9.9:1AAA

2.3:1Fail

7.8:1AAA

1.9:1Fail

9.9:1AAA

Similar palettes

More like Gatsby Era Glimmer

Art Deco Emerald Pool