Back to palettes

Palette

Jazz Age Glamour

Sophisticated darks with glittering gold and bold blues, capturing the opulence and style of the Jazz Age.

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

#000000#1E90FF#FFD700#DAA520#483D8B

Palette guide

How to use Jazz Age Glamour

Overview

The Jazz Age Glamour palette is a striking collection designed to capture the opulence and bold sophistication of the 1920s. Anchored by the stark elegance of #000000, it introduces vibrant contrasts with the rich blue of #1E90FF and the luxurious gold tones of #FFD700 and #DAA520. A deep, muted purple-blue, #483D8B, adds a touch of mysterious depth. This palette is perfect for designers aiming to convey a sense of drama, luxury, and historical allure, making it suitable for high-impact branding, event designs, or digital interfaces that demand attention and convey a premium feel.

Best used for

  • High-end fashion branding
  • Luxury event invitations
  • Themed website designs (e.g., historical films)
  • Packaging for premium spirits or cosmetics
  • Editorial design for upscale magazines
  • Digital art and illustration with a dramatic flair

Suggested color roles

primary

#000000 - A powerful foundation for backgrounds, deep shadows, or strong typographic statements.

secondary

#483D8B - Provides a rich, sophisticated base for sub-elements or accent panels, complementing the black.

accent

#FFD700 - The primary choice for dazzling highlights, call-to-action buttons, or decorative elements.

background

#000000 - Use for a truly dramatic and elegant backdrop, allowing other colors to pop.

text

#FFD700 - Excellent for headline text on dark backgrounds, or #1E90FF for subheadings. White or light grey would also work well on #000000.

Accessibility notes

  • #FFD700 and #DAA520 provide excellent contrast against #000000 and #483D8B for text.
  • Be cautious using #1E90FF text on #483D8B; ensure sufficient contrast for readability, especially for body text.
  • Ensure interactive elements are clearly distinguishable, perhaps using #FFD700 for active states.
  • Consider larger font sizes for any non-gold text against dark backgrounds to aid readability.

Recommended combinations

Opulent Contrast

High-impact combination for branding or strong visual statements.

#000000 · #FFD700 · #1E90FF

Regal Depth

Creates a sophisticated and slightly more subdued luxurious feel.

#000000 · #483D8B · #DAA520

Dynamic Pop

For vibrant UI elements or illustrations that need to stand out from a darker canvas.

#483D8B · #1E90FF · #FFD700

CSS variables

:root {
  --jazz-age-glamour-2-1: #000000;
  --jazz-age-glamour-2-2: #1E90FF;
  --jazz-age-glamour-2-3: #FFD700;
  --jazz-age-glamour-2-4: #DAA520;
  --jazz-age-glamour-2-5: #483D8B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "jazz-age-glamour-2": {
        1: "#000000",
        2: "#1E90FF",
        3: "#FFD700",
        4: "#DAA520",
        5: "#483D8B",
      }
    }
  }
}

Related searches

jazz age luxury colorsroaring twenties paletteart deco gold black blueglamorous retro designdramatic elegant color scheme

Palette colors

Hex values

Color 1#000000
·
Color 2#1E90FF
·
Color 3#FFD700
·
Color 4#DAA520
·
Color 5#483D8B
·

Accessibility

Contrast checker

1
2
3
4
5
1
6.5:1AA
15:1AAA
9.4:1AAA
2.3:1Fail
2
6.5:1AA
2.3:1Fail
1.4:1Fail
2.8:1Fail
3
15:1AAA
2.3:1Fail
1.6:1Fail
6.5:1AA
4
9.4:1AAA
1.4:1Fail
1.6:1Fail
4.1:1AA18
5
2.3:1Fail
2.8:1Fail
6.5:1AA
4.1:1AA18

Similar palettes

More like Jazz Age Glamour

View all dark
Deco Grandeur Noir
Gilded Age Glamour
Midnight Velvet Glam
Roaring Twenties Glitz
Art Deco Evening
Art Deco Glamour