Palette

Gatsby Glam Evening

Sleek grays and opulent golds capture the sophisticated allure and extravagance of a Roaring Twenties gala.

DarkElegant5 colors

More Dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#1C1C1C#3A3A3A#DAA520#FFD700#696969

Palette guide

How to use Gatsby Glam Evening

Overview

The Gatsby Glam Evening palette exudes opulent luxury and the sophisticated allure of the Roaring Twenties. With deep, commanding tones like #1C1C1C (a rich charcoal) and the slightly lighter #3A3A3A, it sets a dramatic stage. The vibrant gold accents, #DAA520 and #FFD700 (pure gold), provide a dazzling contrast, perfect for highlighting key elements. A versatile gray, #696969, offers subtle metallic sheen or secondary detail. This palette is ideal for designers and developers aiming to create an atmosphere of vintage elegance, extravagance, and high-end sophistication, making any project feel truly special and memorable.

Best used for

Luxury brand websites and identity
High-end event invitations and decor
Vintage-themed app interfaces
Fashion and jewelry e-commerce
Dramatic editorial layouts
Art Deco inspired digital art

Suggested color roles

primary

Use #1C1C1C for deep backgrounds or dominant structural elements to establish a luxurious, dark foundation.

secondary

Apply #3A3A3A for subtle variations in background, card elements, or larger blocks of secondary text, providing depth without harsh contrast.

accent

Reserve #FFD700 for high-impact elements like call-to-action buttons, key headlines, or decorative flourishes to signify luxury and importance.

background

A dark base of #1C1C1C or #3A3A3A works best to make the gold accents truly pop and maintain the elegant mood.

text

For primary text, use #DAA520 or a crisp white for excellent readability against dark backgrounds. Use #696969 for subtle subheadings or metadata.

Accessibility notes

Ensure sufficient contrast between gold accents (like #FFD700) and dark backgrounds (like #1C1C1C) for WCAG AA compliance.
Avoid using #696969 for small text on #3A3A3A backgrounds; opt for brighter golds or white.
Test text readability of #DAA520 on both #1C1C1C and #3A3A3A backgrounds.
Consider larger font sizes or bolding for text using mid-tone colors like #696969.

Recommended combinations

Gatsby Grandeur

Ideal for hero sections: #1C1C1C as background, #FFD700 for main headlines, and #696969 for subtle subtext or borders.

#1C1C1C · #FFD700 · #696969

Elegant Contrast

Perfect for content cards or modals: #3A3A3A for the card background, #DAA520 for titles, and #1C1C1C for body text.

#3A3A3A · #DAA520 · #1C1C1C

Refined Accents

Use #696969 for UI elements like icons or dividers, #FFD700 for interactive states, and #3A3A3A for surrounding context.

#696969 · #FFD700 · #3A3A3A

CSS variables

:root {
  --gatsby-glam-evening-1: #1C1C1C;
  --gatsby-glam-evening-2: #3A3A3A;
  --gatsby-glam-evening-3: #DAA520;
  --gatsby-glam-evening-4: #FFD700;
  --gatsby-glam-evening-5: #696969;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gatsby-glam-evening": {
        1: "#1C1C1C",
        2: "#3A3A3A",
        3: "#DAA520",
        4: "#FFD700",
        5: "#696969",
      }
    }
  }
}

Hex values

Color 1#1C1C1C

Color 2#3A3A3A

Color 3#DAA520

Color 4#FFD700

Color 5#696969

Accessibility

Contrast checker

1.5:1Fail

7.6:1AAA

12.2:1AAA

3.1:1AA18

1.5:1Fail

5.1:1AA

8.1:1AAA

2.1:1Fail

7.6:1AAA

5.1:1AA

1.6:1Fail

2.5:1Fail

12.2:1AAA

8.1:1AAA

1.6:1Fail

3.9:1AA18

3.1:1AA18

2.1:1Fail

2.5:1Fail

3.9:1AA18

Similar palettes

More like Gatsby Glam Evening

View all Dark

Baroque Night Grandeur

Gatsby Night Glam

Gilded Renaissance Flair

Imperial Gemstone Array

Velvet Midnight Lounge

Velvet Theater Drape