Palette

Art Deco Evening

Sophisticated dark greys paired with muted gold and cream, channeling the opulent and sleek aesthetics 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 Art Deco Evening 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 Art Deco Evening.

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

Data visualization

#1C1C1E#3C3C3F#6A6B6D#AA9F8C#DCD2C3

Palette guide

How to use Art Deco Evening

Overview

The Art Deco Evening palette features sophisticated dark greys paired with muted gold and cream, channeling the opulent and sleek aesthetics of the Art Deco era. Key colors include the very dark grey #1C1C1E, the muted gold #AA9F8C, and the light cream #DCD2C3. This collection is perfect for projects demanding a luxurious, understated, and elegant aesthetic. Developers can implement these deep hues for dramatic UI backgrounds and sophisticated digital experiences. Designers will find this palette ideal for formal event branding, luxury hotels, or upscale restaurant interiors, ensuring a polished and timeless appeal that speaks of evening grandeur.

Best used for

Formal event branding
Luxury hotel and hospitality design
Upscale restaurant interiors
Vintage-inspired fashion editorials
Sophisticated web themes
Evening wear promotions

Suggested color roles

primary

Establish #1C1C1E as the foundational color for strong statements, main text on light backgrounds, or dramatic graphical elements, providing a deep anchor.

secondary

Utilize #3C3C3F for supporting content, sub-headings, or backgrounds for depth, offering a rich dark charcoal.

accent

Incorporate #AA9F8C for elegant highlights, subtle luxurious details, or a touch of metallic sheen, adding warmth and sophistication.

background

Apply #DCD2C3 as the primary background color, providing a warm, inviting, and sophisticated canvas that enhances readability.

text

For primary text on light backgrounds, #1C1C1E offers excellent contrast. For text on darker greys, use #DCD2C3 or white.

Accessibility notes

Ensure #1C1C1E has sufficient contrast for body text on #DCD2C3 to meet WCAG AA standards.
When using #AA9F8C (muted gold) for text, ensure it is on a sufficiently dark background (e.g., #1C1C1E or #3C3C3F) to guarantee legibility.
Avoid using #6A6B6D for small text on #DCD2C3, as the contrast might be insufficient for some users.
For interactive elements, use distinct shifts in lightness or saturation to clearly indicate states, leveraging the darkest and lightest tones.

Recommended combinations

Evening Glow

A light cream background with very dark grey text and a muted gold accent for headings or key features, offering elegance and clarity.

#DCD2C3 · #1C1C1E · #AA9F8C

Dark Luxe Grey

Deepest grey as a primary, muted gold as an elegant accent, and mid-grey for supporting elements, creating depth.

#1C1C1E · #AA9F8C · #6A6B6D

Retro Noir

Dark charcoal as a background, with light cream text and a muted gold highlight for a sophisticated and balanced look.

#3C3C3F · #DCD2C3 · #AA9F8C

CSS variables

:root {
  --art-deco-evening-1: #1C1C1E;
  --art-deco-evening-2: #3C3C3F;
  --art-deco-evening-3: #6A6B6D;
  --art-deco-evening-4: #AA9F8C;
  --art-deco-evening-5: #DCD2C3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "art-deco-evening": {
        1: "#1C1C1E",
        2: "#3C3C3F",
        3: "#6A6B6D",
        4: "#AA9F8C",
        5: "#DCD2C3",
      }
    }
  }
}

Hex values

Color 1#1C1C1E

Color 2#3C3C3F

Color 3#6A6B6D

Color 4#AA9F8C

Color 5#DCD2C3

Accessibility

Contrast checker

1.5:1Fail

3.2:1AA18

6.5:1AA

11.4:1AAA

1.5:1Fail

2.1:1Fail

4.2:1AA18

7.4:1AAA

3.2:1AA18

2.1:1Fail

2:1Fail

3.6:1AA18

6.5:1AA

4.2:1AA18

2:1Fail

1.7:1Fail

11.4:1AAA

7.4:1AAA

3.6:1AA18

1.7:1Fail

Similar palettes

More like Art Deco Evening

View all dark

Art Deco Midnight

Art Deco Sapphire Gleam

Crimson Velvet Theatre

Deco Grandeur Noir

Gala Night Shine

Gatsby Glamour Night