Palette

Roaring Twenties Chic

A sophisticated and opulent palette reminiscent of the geometric patterns and rich colors of the Art Deco era.

vibrantelegant5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2C3E50#E0BBE4#957DAD#D29DAB#8C5260

Palette guide

How to use Roaring Twenties Chic

Overview

The Roaring Twenties Chic palette embodies the sophisticated and opulent aesthetic of the Art Deco era. With a deep, dramatic #2C3E50, an elegant #957DAD, and the vibrant #E0BBE4, this collection is perfect for designs seeking glamour and vintage charm. Designers can leverage its rich, jewel-toned purples and blues to create luxurious and memorable interfaces. Developers will find the distinct contrast between the dark anchor and lighter, more playful shades useful for establishing clear visual hierarchy and drawing attention to key elements, making it ideal for fashion, event, or luxury brand applications. The bold #8C5260 and #D29DAB add a touch of playful romance.

Best used for

Luxury event invitations and branding
Vintage-inspired fashion websites
Art Deco themed interior design
High-end beauty or cosmetic packaging
Theatrical or entertainment industry marketing
Sophisticated editorial layouts

Suggested color roles

primary

Use #2C3E50 for strong backgrounds, bold headings, or foundational elements, providing a deep, elegant anchor.

secondary

Apply #957DAD for supporting panels, subheadings, or sophisticated accents, offering a rich, muted purple.

accent

Introduce #E0BBE4 or #D29DAB for vibrant calls-to-action, interactive elements, or decorative flourishes, adding a touch of playful glamour.

background

Use a very light shade, possibly white or a near-white, to ensure readability against the darker, richer tones. If using palette colors, #E0BBE4 could serve as a light background if sufficient contrast with text is maintained.

text

A dark charcoal or black provides optimal readability against lighter shades like #E0BBE4, while a white or light grey (e.g., #E0BBE4) would work on #2C3E50.

Accessibility notes

Ensure strong contrast between text and background. For example, white text on #2C3E50 or #8C5260.
Avoid using #D29DAB or #E0BBE4 for small text on similarly light backgrounds; pair them with #2C3E50 for text.
The vibrant accent colors (#E0BBE4, #D29DAB) might require careful pairing for text contrast; typically, black or #2C3E50 text would be best.
Always use a contrast checker to validate all text and interactive element pairings.

Recommended combinations

Dramatic Glamour

Excellent for hero sections or event banners, combining deep elegance with a vibrant, playful accent.

#2C3E50 · #E0BBE4 · #957DAD

Elegant Contrast

Ideal for creating sophisticated layered UI elements, where a rich base supports a softer, warm accent.

#957DAD · #D29DAB · #2C3E50

Bold Accents

A striking combination for calls-to-action or highlighted elements, using the deep blue as a backdrop for vibrant pops.

#E0BBE4 · #8C5260 · #2C3E50

CSS variables

:root {
  --roaring-twenties-chic-2-1: #2C3E50;
  --roaring-twenties-chic-2-2: #E0BBE4;
  --roaring-twenties-chic-2-3: #957DAD;
  --roaring-twenties-chic-2-4: #D29DAB;
  --roaring-twenties-chic-2-5: #8C5260;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "roaring-twenties-chic-2": {
        1: "#2C3E50",
        2: "#E0BBE4",
        3: "#957DAD",
        4: "#D29DAB",
        5: "#8C5260",
      }
    }
  }
}

Hex values

Color 1#2C3E50

Color 2#E0BBE4

Color 3#957DAD

Color 4#D29DAB

Color 5#8C5260

Accessibility

Contrast checker

6.5:1AA

3:1AA18

4.8:1AA

1.8:1Fail

6.5:1AA

2.1:1Fail

1.4:1Fail

3.6:1AA18

3:1AA18

2.1:1Fail

1.6:1Fail

1.7:1Fail

4.8:1AA

1.4:1Fail

1.6:1Fail

2.6:1Fail

1.8:1Fail

3.6:1AA18

1.7:1Fail

2.6:1Fail

Similar palettes

More like Roaring Twenties Chic

Art Deco Emerald Pool

Art Deco Geometric