Back to palettes

Palette

Jazz Age Glamour

A sophisticated blend of golden metallics and deep, muted shades, reminiscent of 1920s Art Deco elegance.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Jazz Age Glamour 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 Jazz Age Glamour.

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

Data visualization

#A36A00#D4AF37#EBC870#2C3E50#7F8C8D

Palette guide

How to use Jazz Age Glamour

Overview

The Jazz Age Glamour palette delivers a sophisticated blend of muted golds and deep, smoky grays, perfectly capturing the elegance and understated luxury of 1920s Art Deco. The golden hues, ranging from the deep #A36A00 to the brighter #EBC870, provide warmth and a sense of preciousness, while #2C3E50 and #7F8C8D offer cool, grounding contrasts. This palette is ideal for designers seeking to create a refined, vintage-inspired aesthetic that feels both luxurious and timeless. It's particularly effective in conveying a sense of heritage, quality, and subdued grandeur across various design applications.

Best used for

  • Vintage-inspired branding and logos
  • Luxury interior design concepts
  • High-end restaurant or bar branding
  • Book covers with a classic feel
  • Fashion editorials for sophisticated apparel
  • Web design for antique or bespoke goods

Suggested color roles

primary

#2C3E50 - A strong, deep foundation for backgrounds, primary text, or structural elements.

secondary

#A36A00 - A rich, deep gold, perfect for important headings, buttons, or ornate details.

accent

#EBC870 - A luminous, lighter gold for highlights, small icons, or subtle decorative touches.

background

#7F8C8D - A soft, muted gray that offers a gentle contrast to the golds, suitable for secondary backgrounds or content areas.

text

#2C3E50 - Excellent for body text on lighter backgrounds like #EBC870 or #7F8C8D. For darker backgrounds, use #EBC870 or a near-white.

Accessibility notes

  • Ensure #EBC870 and #D4AF37 have sufficient contrast when used for text on #7F8C8D.
  • #2C3E50 offers excellent contrast for text on all three gold shades.
  • Avoid using #7F8C8D for small text on #2C3E50 as contrast might be insufficient.
  • For interactive elements, clearly differentiate states using varying gold shades (e.g., #D4AF37 for hover).

Recommended combinations

Classic Deco

Strong, elegant combination for primary branding elements and headers.

#2C3E50 · #A36A00 · #EBC870

Muted Opulence

Creates a softer, sophisticated look for backgrounds and secondary content.

#7F8C8D · #D4AF37 · #2C3E50

Golden Highlight

A gradient of golds to add depth and warmth to decorative elements or imagery.

#A36A00 · #D4AF37 · #EBC870

CSS variables

:root {
  --jazz-age-glamour-1: #A36A00;
  --jazz-age-glamour-2: #D4AF37;
  --jazz-age-glamour-3: #EBC870;
  --jazz-age-glamour-4: #2C3E50;
  --jazz-age-glamour-5: #7F8C8D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "jazz-age-glamour": {
        1: "#A36A00",
        2: "#D4AF37",
        3: "#EBC870",
        4: "#2C3E50",
        5: "#7F8C8D",
      }
    }
  }
}

Related searches

art deco gold palettevintage glamour colorssophisticated gray gold1920s luxury schemeelegant muted tones

Palette colors

Hex values

Color 1#A36A00
·
Color 2#D4AF37
·
Color 3#EBC870
·
Color 4#2C3E50
·
Color 5#7F8C8D
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.2:1Fail
2.8:1Fail
2.4:1Fail
1.3:1Fail
2
2.2:1Fail
1.3:1Fail
5.2:1AA
1.7:1Fail
3
2.8:1Fail
1.3:1Fail
6.8:1AA
2.2:1Fail
4
2.4:1Fail
5.2:1AA
6.8:1AA
3.2:1AA18
5
1.3:1Fail
1.7:1Fail
2.2:1Fail
3.2:1AA18

Similar palettes

More like Jazz Age Glamour

View all dark
Art Deco Midnight
Art Deco Evening
Art Deco Glamour
Art Deco Midnight
Art Deco Speakeasy
Crimson Velvet Theatre