Back to palettes

Palette

Art Deco Metropolis

Sophisticated greys meet glimmering gold, reflecting the luxurious and geometric aesthetics of an Art Deco city.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2C3E50#4A6076#7E909B#F5D742#C2BB8B

Palette guide

How to use Art Deco Metropolis

Overview

The "Art Deco Metropolis" palette masterfully blends sophisticated greys with glimmering golds, reflecting the luxurious and geometric aesthetics of an Art Deco city. This collection is ideal for designers and developers aiming for a refined, upscale, and slightly vintage feel. The deep, urban greys like #2C3E50 and #4A6076 provide a strong, elegant foundation, while the vibrant gold #F5D742 and muted gold #C2BB8B introduce opulent accents. This palette is perfectly suited for high-end branding, elegant web interfaces, or print materials that demand a distinguished and glamorous appearance, marrying classic luxury with modern sophistication.

Best used for

  • Luxury hotel branding
  • High-end watch or jewelry e-commerce
  • Exclusive club and bar interiors
  • Art gallery digital presentations
  • Premium corporate annual reports
  • Vintage-inspired fashion campaigns

Suggested color roles

primary

Use #4A6076, a sophisticated medium-dark blue-grey, as a versatile base for main content areas or navigation, conveying urban elegance.

secondary

Apply #7E909B, a lighter, elegant grey-blue, for secondary headers, subtle background textures, or informational panels.

accent

Employ #F5D742, a striking, vibrant gold, for key calls-to-action, important highlights, or decorative flourishes that demand attention.

background

Select #2C3E50, a deep, dark blue-grey, as a dramatic and luxurious backdrop, ensuring excellent contrast for lighter text and gold accents.

text

For text on dark backgrounds like #2C3E50, #F5D742 or #C2BB8B offers excellent legibility and elegance for headlines and body text.

Accessibility notes

  • Ensure #F5D742 or #C2BB8B text on #2C3E50 background meets WCAG AA contrast for body text.
  • Avoid using #7E909B text on #4A6076, as the contrast will likely be too low for readability.
  • The vibrant gold #F5D742 will need dark text (e.g., black or #2C3E50) when used as a background.
  • For critical UI elements, ensure good contrast by pairing #F5D742 with #2C3E50.

Recommended combinations

Gilded Metropolis

Perfect for a luxurious website header, with gold as the logo and light grey for secondary information.

#2C3E50 · #F5D742 · #7E909B

Sophisticated Depth

Creates elegant content cards, using muted gold for key details and vibrant gold for interactive elements.

#4A6076 · #C2BB8B · #F5D742

Modern Elegance

Ideal for a sleek navigation bar, with the light grey as the base, dark grey for active states, and gold for icons.

#7E909B · #2C3E50 · #F5D742

CSS variables

:root {
  --art-deco-metropolis-3-1: #2C3E50;
  --art-deco-metropolis-3-2: #4A6076;
  --art-deco-metropolis-3-3: #7E909B;
  --art-deco-metropolis-3-4: #F5D742;
  --art-deco-metropolis-3-5: #C2BB8B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "art-deco-metropolis-3": {
        1: "#2C3E50",
        2: "#4A6076",
        3: "#7E909B",
        4: "#F5D742",
        5: "#C2BB8B",
      }
    }
  }
}

Related searches

art deco gold greyluxury urban palettegold and dark blue greyglamorous city colorssophisticated vintage gold

Palette colors

Hex values

Color 1#2C3E50
·
Color 2#4A6076
·
Color 3#7E909B
·
Color 4#F5D742
·
Color 5#C2BB8B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3.3:1AA18
7.7:1AAA
5.6:1AA
2
1.7:1Fail
2:1Fail
4.6:1AA
3.3:1AA18
3
3.3:1AA18
2:1Fail
2.3:1Fail
1.7:1Fail
4
7.7:1AAA
4.6:1AA
2.3:1Fail
1.4:1Fail
5
5.6:1AA
3.3:1AA18
1.7:1Fail
1.4:1Fail

Similar palettes

More like Art Deco Metropolis

View all dark
Art Deco Glamour
Art Deco Midnight
Art Deco Symmetry
Cobblestone Alley Night
Gatsby Emerald Glamour
Gilded Age Opera