Back to palettes

Palette

Roaring Twenties Glitz

Sophisticated dark blues and opulent golds evoke the luxurious and geometric style of the Art Deco era.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Roaring Twenties Glitz 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 Roaring Twenties Glitz.

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

Data visualization

#1B263B#001F3F#C7B89D#D4AF37#FFFFFF

Palette guide

How to use Roaring Twenties Glitz

Overview

The Roaring Twenties Glitz palette perfectly encapsulates the luxurious and geometric style of the Art Deco era with its sophisticated dark blues and opulent golds. Featuring a profound #001F3F (Midnight Blue) and a gleaming #D4AF37 (Metallic Gold), this palette provides a rich foundation for designers and developers seeking to convey luxury and vintage charm. The inclusion of #1B263B (Dark Blue) and #C7B89D (Champagne) offers depth and softer accents, while #FFFFFF ensures crisp contrast. This combination is ideal for creating high-end, elegant designs that demand attention and evoke a sense of historical grandeur and refined taste.

Best used for

  • High-end luxury brand identity
  • Exclusive event invitations and decor
  • Opulent website designs and UI/UX
  • Vintage-inspired fashion and jewelry
  • Art and gallery exhibition materials
  • Product packaging for premium goods

Suggested color roles

primary

#001F3F - A very deep, rich blue, perfect for primary backgrounds, navigation, or footer sections, conveying depth and luxury.

secondary

#1B263B - A slightly lighter, sophisticated blue, excellent for complementary panels or accentuating depth in designs.

accent

#D4AF37 - A vibrant, opulent gold, ideal for call-to-action buttons, icons, or decorative Art Deco motifs that demand attention.

background

#FFFFFF - A crisp white, providing high contrast and freshness, or #C7B89D (Champagne) for a softer, aged, and elegant feel.

text

#D4AF37 - For headlines on dark backgrounds, or #001F3F or a dark charcoal for body text on light backgrounds like #FFFFFF.

Accessibility notes

  • Ensure #D4AF37 text has sufficient contrast on #001F3F and #1B263B backgrounds to meet WCAG standards.
  • Text in #001F3F on #FFFFFF offers excellent readability and high contrast for all critical content.
  • Use #C7B89D for larger decorative text on dark backgrounds, but avoid small text due to lower contrast.
  • Always check contrast levels for any gold text on blue or white backgrounds, especially for small font sizes.

Recommended combinations

Opulent Contrast

For dramatic impact, ideal for luxury headers, key elements, and striking visual statements.

#001F3F · #D4AF37 · #FFFFFF

Subtle Glamour

Creates a softer, aged gold look, suitable for elegant supporting content, subtle branding, and backgrounds.

#1B263B · #C7B89D · #D4AF37

Deco Depth

Layers deep blues with a muted gold for sophisticated background elements and intricate patterns.

#001F3F · #1B263B · #C7B89D

CSS variables

:root {
  --roaring-twenties-glitz-1: #1B263B;
  --roaring-twenties-glitz-2: #001F3F;
  --roaring-twenties-glitz-3: #C7B89D;
  --roaring-twenties-glitz-4: #D4AF37;
  --roaring-twenties-glitz-5: #FFFFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "roaring-twenties-glitz": {
        1: "#1B263B",
        2: "#001F3F",
        3: "#C7B89D",
        4: "#D4AF37",
        5: "#FFFFFF",
      }
    }
  }
}

Related searches

art deco gold blue paletteluxury vintage colors1920s dark gold themeelegant blue gold brandingrich art deco scheme

Palette colors

Hex values

Color 1#1B263B
·
Color 2#001F3F
·
Color 3#C7B89D
·
Color 4#D4AF37
·
Color 5#FFFFFF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
7.8:1AAA
7.2:1AAA
15.1:1AAA
2
1.1:1Fail
8.5:1AAA
7.9:1AAA
16.6:1AAA
3
7.8:1AAA
8.5:1AAA
1.1:1Fail
1.9:1Fail
4
7.2:1AAA
7.9:1AAA
1.1:1Fail
2.1:1Fail
5
15.1:1AAA
16.6:1AAA
1.9:1Fail
2.1:1Fail

Similar palettes

More like Roaring Twenties Glitz

View all dark