Back to palettes

Palette

Gatsby Green Glam

A dazzling array of greens and teals, embodying the sophisticated geometry and luxury of Art Deco design.

vibrantelegant5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Gatsby Green Glam 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 Green Glam.

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

Data visualization

#006400#008080#20B2AA#00FFFF#00CED1

Palette guide

How to use Gatsby Green Glam

Overview

The Gatsby Green Glam palette is a vibrant celebration of Art Deco luxury, featuring a dazzling array of greens and teals. From the deep, grounding #006400 to the rich #008080, and the luminous #20B2AA, culminating in the bright #00FFFF and #00CED1, this palette offers dynamic versatility. Designers and developers can harness these jewel tones to craft sophisticated, energetic, and visually striking projects. It's particularly effective for creating designs that embody the geometric elegance and opulent spirit of the Gatsby era, ensuring a memorable and impactful aesthetic that stands out.

Best used for

  • Art Deco themed websites and branding
  • Vibrant event promotions
  • Luxury fashion or jewelry displays
  • Modern app interfaces with an elegant twist
  • Digital art and illustration
  • Environmental or nature-focused upscale brands

Suggested color roles

primary

Use #006400 as a deep, stable base for backgrounds or primary structural elements, providing a rich and luxurious feel.

secondary

Apply #008080 for secondary content blocks, large text, or subtle background variations, adding depth and sophistication.

accent

Reserve #00FFFF or #00CED1 for high-impact elements like call-to-action buttons, key headlines, or interactive highlights.

background

A dark shade like #006400 creates a dramatic backdrop, while #20B2AA can offer a lighter, more vibrant base for content.

text

For dark backgrounds, use #00FFFF or a crisp white for optimal readability. For lighter backgrounds, a deep charcoal or #006400 works best.

Accessibility notes

  • Ensure sufficient contrast between brighter teals (like #00FFFF) and darker greens (like #006400) for all text and interactive elements.
  • Be cautious when using #20B2AA or #00CED1 for small text on white or very light backgrounds due to potential low contrast.
  • Test color combinations for various forms of color blindness, especially between similar green/teal shades.
  • For backgrounds using #00FFFF, ensure text is a dark, contrasting color such as black or #006400.

Recommended combinations

Jewel Tone Pop

Ideal for dramatic hero sections: #006400 background, #00FFFF for main headlines, and #008080 for supporting text.

#006400 · #00FFFF · #008080

Vibrant Deco

Perfect for content cards: #20B2AA as card background, #006400 for titles, and #00CED1 for interactive elements or icons.

#20B2AA · #006400 · #00CED1

Emerald Glow

Use #008080 for primary UI elements, #00CED1 for highlights or buttons, and #006400 for text or borders.

#008080 · #00CED1 · #006400

CSS variables

:root {
  --gatsby-green-glam-1: #006400;
  --gatsby-green-glam-2: #008080;
  --gatsby-green-glam-3: #20B2AA;
  --gatsby-green-glam-4: #00FFFF;
  --gatsby-green-glam-5: #00CED1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gatsby-green-glam": {
        1: "#006400",
        2: "#008080",
        3: "#20B2AA",
        4: "#00FFFF",
        5: "#00CED1",
      }
    }
  }
}

Related searches

art deco green palettejewel tone color schemevibrant teal greenselegant green uxgatsby green design

Palette colors

Hex values

Color 1#006400
·
Color 2#008080
·
Color 3#20B2AA
·
Color 4#00FFFF
·
Color 5#00CED1
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.8:1Fail
5.9:1AA
3.8:1AA18
2
1.6:1Fail
1.8:1Fail
3.8:1AA18
2.4:1Fail
3
2.8:1Fail
1.8:1Fail
2.1:1Fail
1.3:1Fail
4
5.9:1AA
3.8:1AA18
2.1:1Fail
1.6:1Fail
5
3.8:1AA18
2.4:1Fail
1.3:1Fail
1.6:1Fail

Similar palettes

More like Gatsby Green Glam

View all vibrant
Art Deco Emerald Pool
Emerald City Glaze
Emerald Gemstone Luster
Gatsby Era Glimmer
Opulent Jade Bloom
Regal Emerald Bloom