Palette

Roaring Twenties Gleam

Deep teals and greens reflecting the opulent and sophisticated glamour of the Roaring Twenties.

elegantelegant5 colors

More elegant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#0f2e2d#2d5e5c#5e8c8b#9acaca#cbebeb

Palette guide

How to use Roaring Twenties Gleam

Overview

The Roaring Twenties Gleam palette captures the opulent and sophisticated glamour of the era with a collection of deep teals and greens. From the commanding #0f2e2d to the lighter #cbebeb, this palette offers a harmonious gradient that exudes elegance. Designers can use these shades to create luxurious and refined visual experiences, reminiscent of Art Deco interiors and fashion. The mid-tone #5e8c8b provides a beautiful accent, while #9acaca offers a soft, misty quality. This palette is exceptionally useful for projects aiming for a blend of historical charm and modern sophistication, ensuring a distinctive and memorable aesthetic.

Best used for

Luxury brand websites and digital interfaces
Upscale restaurant and bar interiors
Elegant event branding and invitations
Sophisticated fashion and jewelry lines
Art Deco themed graphic design
Corporate branding with a refined touch

Suggested color roles

primary

#0f2e2d - A commanding deep teal, perfect for main branding, navigation, or strong foundational elements.

secondary

#2d5e5c - A rich, supportive teal that complements the primary, suitable for secondary panels or large graphic areas.

accent

#5e8c8b - A vibrant mid-tone teal for interactive elements, highlights, or intricate decorative patterns.

background

#cbebeb - A very light, almost white, teal that provides a clean, airy backdrop, allowing darker tones to pop.

text

#0f2e2d - The darkest shade ensures excellent readability for body text and headings against lighter backgrounds.

Accessibility notes

Ensure #0f2e2d text has strong contrast on #cbebeb and #9acaca backgrounds for optimal readability.
Avoid using lighter teals like #9acaca for small text on #cbebeb as contrast will be insufficient.
The darkest shade #0f2e2d is ideal for all critical text to meet accessibility standards.
Consider using #5e8c8b for larger headings or decorative text on #cbebeb, but always verify contrast.

Recommended combinations

Deep Elegance

For a refined look with strong contrast, ideal for headers, main content, and sophisticated branding.

#0F2E2D · #5E8C8B · #CBEBEB

Misty Teal

Creates a softer, atmospheric feel, great for backgrounds, layered graphics, and subtle gradients.

#2D5E5C · #9ACACA · #CBEBEB

Gleaming Accent

Highlights key information with a vibrant pop of the mid-tone against deep and light contrasts.

#0F2E2D · #CBEBEB · #5E8C8B

CSS variables

:root {
  --roaring-twenties-gleam-1: #0f2e2d;
  --roaring-twenties-gleam-2: #2d5e5c;
  --roaring-twenties-gleam-3: #5e8c8b;
  --roaring-twenties-gleam-4: #9acaca;
  --roaring-twenties-gleam-5: #cbebeb;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "roaring-twenties-gleam": {
        1: "#0f2e2d",
        2: "#2d5e5c",
        3: "#5e8c8b",
        4: "#9acaca",
        5: "#cbebeb",
      }
    }
  }
}

Hex values

Color 1#0f2e2d

Color 2#2d5e5c

Color 3#5e8c8b

Color 4#9acaca

Color 5#cbebeb

Accessibility

Contrast checker

2:1Fail

3.9:1AA18

8.1:1AAA

11.5:1AAA

2:1Fail

4.1:1AA18

5.8:1AA

3.9:1AA18

2:1Fail

2.1:1Fail

3:1Fail

8.1:1AAA

4.1:1AA18

2.1:1Fail

1.4:1Fail

11.5:1AAA

5.8:1AA

3:1Fail

1.4:1Fail

Similar palettes

More like Roaring Twenties Gleam

Roaring Twenties Gleam

See it in context.

Ready when you are.

Built with Roaring Twenties Gleam.

How to use Roaring Twenties Gleam

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Deep Elegance

Misty Teal

Gleaming Accent

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Roaring Twenties Gleam