Back to palettes

Palette

Art Deco Midnight

Sophisticated and luxurious, with deep, mysterious tones accented by subtle metallic gleam.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Art Deco Midnight 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 Midnight.

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

Data visualization

#0F0E0E#413C58#9383A0#BFB9C9#D9CBA7

Palette guide

How to use Art Deco Midnight

Overview

The "Art Deco Midnight" palette offers a sophisticated and luxurious blend of deep, mysterious tones accented by subtle metallic gleam, reminiscent of a glamorous bygone era. This collection is ideal for designers and developers seeking to evoke elegance, vintage charm, and a touch of mystery. The near-black #0F0E0E provides a dramatic foundation, while the deep plum-grey #413C58 adds rich complexity. Lighter, ethereal purplish-greys #9383A0 and #BFB9C9 offer versatility, and the muted gold #D9CBA7 provides a soft, opulent highlight. This palette is perfect for high-end branding, elegant digital interfaces, and print materials that demand a distinctive, refined appeal.

Best used for

  • Luxury fashion boutiques
  • Vintage cocktail bar branding
  • High-end beauty product packaging
  • Historical fiction book covers
  • Sophisticated event planning websites
  • Interior design for classic spaces

Suggested color roles

primary

Use #413C58, a deep, sophisticated plum-grey, as a rich base for main content areas or navigation, conveying luxury and mystery.

secondary

Apply #9383A0, a lighter, ethereal purplish-grey, for secondary headings, subtle background textures, or informational panels.

accent

Employ #D9CBA7, a soft, muted gold, for key calls-to-action, important icons, or decorative flourishes that provide vintage glamour.

background

Select #0F0E0E, a profound, almost black, dark charcoal, as a dramatic and luxurious backdrop, making lighter elements truly shine.

text

For text on #0F0E0E or #413C58, use #BFB9C9 for body text and #D9CBA7 for headlines, ensuring excellent readability and elegance.

Accessibility notes

  • Ensure #BFB9C9 text on #0F0E0E background meets WCAG AA contrast for body text.
  • Avoid using #9383A0 text on #413C58, as the contrast might be too low for readability.
  • The muted gold #D9CBA7 will need dark text (e.g., #0F0E0E or black) when used as a background.
  • For critical UI elements, ensure good contrast by pairing #D9CBA7 with #0F0E0E.

Recommended combinations

Mysterious Glamour

Perfect for a dramatic website hero section, with gold as the main headline and light grey for supporting text.

#0F0E0E · #D9CBA7 · #BFB9C9

Vintage Richness

Creates elegant content cards or product showcases, using muted gold for key details.

#413C58 · #9383A0 · #D9CBA7

Subtle Layers

Ideal for a sophisticated navigation bar, with the lightest grey as the base, charcoal for active states, and light grey for icons.

#9383A0 · #0F0E0E · #BFB9C9

CSS variables

:root {
  --art-deco-midnight-1: #0F0E0E;
  --art-deco-midnight-2: #413C58;
  --art-deco-midnight-3: #9383A0;
  --art-deco-midnight-4: #BFB9C9;
  --art-deco-midnight-5: #D9CBA7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "art-deco-midnight": {
        1: "#0F0E0E",
        2: "#413C58",
        3: "#9383A0",
        4: "#BFB9C9",
        5: "#D9CBA7",
      }
    }
  }
}

Related searches

art deco dark goldvintage luxury palettesophisticated plum greyglamorous dark colorselegant retro design

Palette colors

Hex values

Color 1#0F0E0E
·
Color 2#413C58
·
Color 3#9383A0
·
Color 4#BFB9C9
·
Color 5#D9CBA7
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
5.5:1AA
10.1:1AAA
12:1AAA
2
1.8:1Fail
3:1Fail
5.5:1AA
6.5:1AA
3
5.5:1AA
3:1Fail
1.8:1Fail
2.2:1Fail
4
10.1:1AAA
5.5:1AA
1.8:1Fail
1.2:1Fail
5
12:1AAA
6.5:1AA
2.2:1Fail
1.2:1Fail

Similar palettes

More like Art Deco Midnight

View all dark
Art Deco Speakeasy
Crimson Velvet Theatre
Jazz Age Glamour
Art Deco Evening
Art Deco Glamour
Art Deco Midnight