Back to palettes

Palette

Jazz Age Splendor

A dazzling array of rich golds and deep purples, reflecting the sophisticated glamour and opulence of the Jazz Age.

vibrantelegant5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#DAA520#800080#2F4F4F#FFD700#B0C4DE

Palette guide

How to use Jazz Age Splendor

Overview

The Jazz Age Splendor palette is a vibrant and luxurious collection that embodies the dazzling opulence and sophisticated flair of the 1920s. It pairs the rich, deep gold of #DAA520 and the brighter, more glamorous #FFD700 with the regal depth of #800080 (purple) and the grounding sophistication of #2F4F4F (dark slate gray). A delicate light blue, #B0C4DE, adds a touch of airy elegance. This palette is perfect for designers looking to create designs that are both grand and playful, evoking a sense of historical luxury, celebration, and artistic extravagance across various mediums.

Best used for

  • Roaring Twenties themed events
  • Luxury brand advertising
  • High-end fashion or jewelry design
  • Theatrical productions or movie posters
  • Art gallery or museum branding
  • Sophisticated digital illustrations

Suggested color roles

primary

#2F4F4F - A strong, grounding dark gray that provides an excellent backdrop for the vibrant golds and purple.

secondary

#800080 - A deep, mysterious purple for elegant accents, subheadings, or distinct sections.

accent

#FFD700 - The brightest gold, ideal for dazzling highlights, call-to-action buttons, or intricate details.

background

#2F4F4F - A sophisticated dark background that allows the golds and purple to truly shine.

text

#FFD700 - Superb for headlines and important text on #2F4F4F or #800080. For lighter text, #B0C4DE on dark backgrounds works well.

Accessibility notes

  • #FFD700 and #DAA520 provide excellent contrast against #2F4F4F and #800080 for text.
  • Be cautious when using #B0C4DE for body text on #2F4F4F; ensure sufficient contrast for readability.
  • The combination of #800080 and #B0C4DE offers good contrast for headings or larger text.
  • Ensure interactive elements are clearly defined, perhaps using #FFD700 for their active states.

Recommended combinations

Regal Opulence

For luxurious branding or dramatic visual statements with depth.

#2F4F4F · #800080 · #FFD700

Gilded Elegance

Creates a refined, balanced look with a touch of lightness.

#DAA520 · #B0C4DE · #2F4F4F

Vibrant Jazz

For playful accents or illustrations that need to pop against a neutral background.

#800080 · #FFD700 · #B0C4DE

CSS variables

:root {
  --jazz-age-splendor-1: #DAA520;
  --jazz-age-splendor-2: #800080;
  --jazz-age-splendor-3: #2F4F4F;
  --jazz-age-splendor-4: #FFD700;
  --jazz-age-splendor-5: #B0C4DE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "jazz-age-splendor": {
        1: "#DAA520",
        2: "#800080",
        3: "#2F4F4F",
        4: "#FFD700",
        5: "#B0C4DE",
      }
    }
  }
}

Related searches

art deco gold purple1920s glamour colorsvibrant luxury paletteretro sophisticated schemedazzling vintage design

Palette colors

Hex values

Color 1#DAA520
·
Color 2#800080
·
Color 3#2F4F4F
·
Color 4#FFD700
·
Color 5#B0C4DE
·

Accessibility

Contrast checker

1
2
3
4
5
1
4.2:1AA18
4:1AA18
1.6:1Fail
1.3:1Fail
2
4.2:1AA18
1.1:1Fail
6.7:1AA
5.3:1AA
3
4:1AA18
1.1:1Fail
6.4:1AA
5:1AA
4
1.6:1Fail
6.7:1AA
6.4:1AA
1.3:1Fail
5
1.3:1Fail
5.3:1AA
5:1AA
1.3:1Fail

Similar palettes

More like Jazz Age Splendor

View all vibrant
Art Deco Elegance
Art Deco Emerald Pool
Flapper Era Glam
Gatsby Era Glimmer
Gatsby Era Shimmer
Gatsby Green Glam