Back to palettes

Palette

Gatsby Glamour Night

Channeling the sophisticated allure of the roaring twenties, with gilded accents and refined blues.

elegantelegant5 colors
More elegant 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

#2F3E46#526F7E#8C9FAD#DCE2E6#D9AC51

Palette guide

How to use Gatsby Glamour Night

Overview

The Gatsby Glamour Night palette captures the sophisticated essence of the 1920s with a refined blend of deep blues and a shimmering gold accent. Starting with the profound #2F3E46 and transitioning through #526F7E to the lighter #8C9FAD and #DCE2E6, this palette offers a harmonious gradient of cool tones. The striking #D9AC51 gold provides a luxurious focal point, evoking gilded embellishments. Designers and developers can leverage this palette to create elegant, vintage-inspired interfaces or branding that feels both classic and upscale, perfect for projects requiring a touch of old-world charm and modern sophistication.

Best used for

  • Art Deco inspired branding
  • Vintage website designs
  • Luxury product packaging
  • Elegant event invitations
  • Sophisticated editorial layouts
  • Upscale restaurant or bar identities

Suggested color roles

primary

Employ #2F3E46 as a deep, anchoring background or for primary structural elements, providing a strong, elegant base.

secondary

Utilize #526F7E for secondary sections, large text blocks, or card backgrounds, offering a softer yet still profound blue.

accent

Reserve #D9AC51 for key interactive elements, headlines, or decorative details to provide a luxurious and eye-catching contrast.

background

A lighter blue like #DCE2E6 can serve as a soft, airy background, or use #2F3E46 for a more dramatic, elegant setting.

text

For dark backgrounds, use #DCE2E6 or a crisp white. For lighter backgrounds, use a dark charcoal or #2F3E46 for excellent readability.

Accessibility notes

  • Ensure sufficient contrast between #D9AC51 and darker blues like #2F3E46 or #526F7E for critical information.
  • Avoid using #8C9FAD for small text on #DCE2E6, as contrast may be insufficient for accessibility.
  • Test readability of dark text on #DCE2E6, aiming for WCAG AA compliance.
  • Use #2F3E46 for text on light backgrounds (#DCE2E6) for optimal readability.

Recommended combinations

Gilded Night

Ideal for elegant headers: #2F3E46 background, #D9AC51 for the main title, and #8C9FAD for a subtle tagline or secondary text.

#2F3E46 · #D9AC51 · #8C9FAD

Refined Serenity

Perfect for clean content blocks: #DCE2E6 as background, #526F7E for body text, and #D9AC51 for small decorative accents or links.

#DCE2E6 · #526F7E · #D9AC51

Deep Elegance

Use #526F7E for card backgrounds, #DCE2E6 for text within, and #2F3E46 for a strong border or icon.

#526F7E · #DCE2E6 · #2F3E46

CSS variables

:root {
  --gatsby-glamour-night-2-1: #2F3E46;
  --gatsby-glamour-night-2-2: #526F7E;
  --gatsby-glamour-night-2-3: #8C9FAD;
  --gatsby-glamour-night-2-4: #DCE2E6;
  --gatsby-glamour-night-2-5: #D9AC51;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gatsby-glamour-night-2": {
        1: "#2F3E46",
        2: "#526F7E",
        3: "#8C9FAD",
        4: "#DCE2E6",
        5: "#D9AC51",
      }
    }
  }
}

Related searches

art deco blue goldvintage glamour palettesophisticated blue color schemegatsby era colorselegant ux ui palette

Palette colors

Hex values

Color 1#2F3E46
·
Color 2#526F7E
·
Color 3#8C9FAD
·
Color 4#DCE2E6
·
Color 5#D9AC51
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.1:1Fail
4:1AA18
8.5:1AAA
5.3:1AA
2
2.1:1Fail
2:1Fail
4.1:1AA18
2.5:1Fail
3
4:1AA18
2:1Fail
2.1:1Fail
1.3:1Fail
4
8.5:1AAA
4.1:1AA18
2.1:1Fail
1.6:1Fail
5
5.3:1AA
2.5:1Fail
1.3:1Fail
1.6:1Fail

Similar palettes

More like Gatsby Glamour Night

View all elegant
Gilded Age Elegance
Art Deco Glamour
Art Nouveau Dream
Gilded Deco Elegance
Art Deco Gala
Art Deco Gem