Back to palettes

Palette

Gatsby Glamour Night

Sophisticated emerald greens and deep teals reminiscent of opulent parties and luxurious evenings of the Gatsby era.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Gatsby Glamour Night 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 Glamour Night.

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

Data visualization

#1A3A3A#3A6B6B#6F9D9D#B2CCCC#E1EBEB

Palette guide

How to use Gatsby Glamour Night

Overview

The Gatsby Glamour Night palette evokes the luxurious and mysterious atmosphere of a 1920s soirée, featuring a rich spectrum of teal and deep green tones. Anchored by the profound #1A3A3A, it gracefully transitions through #3A6B6B and #6F9D9D, culminating in the lighter #B2CCCC and #E1EBEB. This collection of cool, elegant colors is perfect for designers and developers seeking to convey sophistication, depth, and a touch of vintage charm. The palette’s versatility allows for creating dramatic backdrops or subtle gradients, ensuring any project resonates with an air of refined opulence and timeless appeal.

Best used for

  • Luxury brand identity and websites
  • Art Deco themed digital experiences
  • High-end event invitations
  • Sophisticated app interfaces
  • Editorial design with a vintage flair
  • Jewelry or fashion e-commerce

Suggested color roles

primary

Utilize #1A3A3A for dominant backgrounds, headers, or structural elements to establish a deep, elegant foundation.

secondary

Apply #3A6B6B for secondary content areas, large text blocks, or subtle overlays, providing depth without overwhelming.

accent

Use #6F9D9D for interactive elements, key information, or decorative accents to add a touch of brightness and elegance.

background

For a dark, opulent feel, use #1A3A3A. For a lighter, airy background that still maintains the palette's essence, opt for #E1EBEB.

text

On dark backgrounds, #E1EBEB or a crisp white offers excellent readability. For light backgrounds, #1A3A3A or a dark charcoal works best.

Accessibility notes

  • Ensure good contrast for text on backgrounds; for example, #E1EBEB on #1A3A3A is strong, but #B2CCCC on #6F9D9D might be too low.
  • Avoid using mid-tones like #6F9D9D for small text on similarly dark backgrounds.
  • Test all text/background combinations for WCAG AA compliance, especially for primary content.
  • Use sufficient font sizes when applying lighter colors like #B2CCCC on any but the darkest backgrounds.

Recommended combinations

Deep Teal Elegance

Perfect for hero sections: #1A3A3A as background, #6F9D9D for headlines, and #E1EBEB for body text or subheadings.

#1A3A3A · #6F9D9D · #E1EBEB

Subtle Gradient

Ideal for content cards or UI elements: #3A6B6B as base, #B2CCCC for text, and #1A3A3A for borders or icons.

#3A6B6B · #B2CCCC · #1A3A3A

Light Reflection

Use #E1EBEB for clean backgrounds, #3A6B6B for primary text, and #6F9D9D for accent elements like links or buttons.

#E1EBEB · #3A6B6B · #6F9D9D

CSS variables

:root {
  --gatsby-glamour-night-1: #1A3A3A;
  --gatsby-glamour-night-2: #3A6B6B;
  --gatsby-glamour-night-3: #6F9D9D;
  --gatsby-glamour-night-4: #B2CCCC;
  --gatsby-glamour-night-5: #E1EBEB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gatsby-glamour-night": {
        1: "#1A3A3A",
        2: "#3A6B6B",
        3: "#6F9D9D",
        4: "#B2CCCC",
        5: "#E1EBEB",
      }
    }
  }
}

Related searches

gatsby teal paletteemerald green color schemedark retro colorselegant ui designsophisticated teal palette

Palette colors

Hex values

Color 1#1A3A3A
·
Color 2#3A6B6B
·
Color 3#6F9D9D
·
Color 4#B2CCCC
·
Color 5#E1EBEB
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
4.1:1AA18
7.3:1AAA
10.1:1AAA
2
2:1Fail
2:1Fail
3.5:1AA18
4.9:1AA
3
4.1:1AA18
2:1Fail
1.8:1Fail
2.5:1Fail
4
7.3:1AAA
3.5:1AA18
1.8:1Fail
1.4:1Fail
5
10.1:1AAA
4.9:1AA
2.5:1Fail
1.4:1Fail

Similar palettes

More like Gatsby Glamour Night

View all dark
Art Deco Evening
Art Deco Sapphire Gleam
Deco Grandeur Noir
Emerald Canopy Crown
Gatsby Emerald Glamour
Academia Scholar's Quill