Back to palettes

Palette

Art Deco Symmetry

A striking combination of deep teal, luxurious gold, and stark contrast, capturing Art Deco elegance.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2F4F4F#DAA520#DCDCDC#000000#B8860B

Palette guide

How to use Art Deco Symmetry

Overview

The "Art Deco Symmetry" palette presents a striking combination of deep teal, luxurious gold, and stark contrast, capturing the geometric elegance and boldness of the Art Deco era. This collection is ideal for designers and developers seeking to create designs that convey sophistication, drama, and a timeless, powerful aesthetic. The profound black #000000 provides a strong, dramatic foundation, while the deep teal #2F4F4F adds unique character. The shimmering golds, #DAA520 and #B8860B, inject radiant glamour, and the light #DCDCDC offers a clean balance. This palette is perfect for high-impact branding, dramatic digital interfaces, or print materials that demand a distinctive and visually powerful appearance.

Best used for

  • Luxury automotive websites
  • High-end fashion brand campaigns
  • Exclusive art gallery promotion
  • Modern architectural visualizations
  • Premium product launches
  • Sophisticated event posters

Suggested color roles

primary

Use #2F4F4F, a deep, sophisticated dark teal, as a commanding base for main content areas or navigation, conveying elegance and depth.

secondary

Apply #DCDCDC, a very light, clean gray, for a crisp contrast in background panels, spacious layouts, or secondary informational text.

accent

Employ #DAA520, a vibrant, bright gold, for key calls-to-action, important icons, or decorative flourishes that demand immediate attention and lavishness.

background

Select #000000, a profound, stark black, as an incredibly dramatic and luxurious backdrop, making the golds and light gray truly pop.

text

For text on #000000 or #2F4F4F, use #DAA520 for headlines and #DCDCDC for body text, ensuring excellent readability and a striking look.

Accessibility notes

  • Ensure #DCDCDC text on #000000 background meets WCAG AAA contrast for body text.
  • Avoid using #B8860B text on #DAA520, as the contrast will be too low.
  • The vibrant gold #DAA520 will require very dark text (e.g., #000000 or #2F4F4F) when used as a background.
  • For critical UI elements, ensure good contrast by pairing #DAA520 with #000000.

Recommended combinations

Dramatic Impact

Perfect for a high-impact hero section, with gold as the main headline and light gray for supporting text.

#000000 · #DAA520 · #DCDCDC

Teal & Gold

Creates elegant content cards, using the deeper gold for key details against a teal background.

#2F4F4F · #B8860B · #DCDCDC

Sleek Modernism

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

#DCDCDC · #000000 · #DAA520

CSS variables

:root {
  --art-deco-symmetry-1: #2F4F4F;
  --art-deco-symmetry-2: #DAA520;
  --art-deco-symmetry-3: #DCDCDC;
  --art-deco-symmetry-4: #000000;
  --art-deco-symmetry-5: #B8860B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "art-deco-symmetry": {
        1: "#2F4F4F",
        2: "#DAA520",
        3: "#DCDCDC",
        4: "#000000",
        5: "#B8860B",
      }
    }
  }
}

Related searches

art deco black goldteal gold palettegeometric luxury designdramatic color schemesophisticated contrast colors

Palette colors

Hex values

Color 1#2F4F4F
·
Color 2#DAA520
·
Color 3#DCDCDC
·
Color 4#000000
·
Color 5#B8860B
·

Accessibility

Contrast checker

1
2
3
4
5
1
4:1AA18
6.5:1AA
2.4:1Fail
2.7:1Fail
2
4:1AA18
1.6:1Fail
9.4:1AAA
1.5:1Fail
3
6.5:1AA
1.6:1Fail
15.3:1AAA
2.4:1Fail
4
2.4:1Fail
9.4:1AAA
15.3:1AAA
6.5:1AA
5
2.7:1Fail
1.5:1Fail
2.4:1Fail
6.5:1AA

Similar palettes

More like Art Deco Symmetry

View all dark
Art Deco Evening
Art Deco Metropolis
Cobblestone Alley Night
Gilded Age Glamour
Gothic Revival Grandeur
Jazz Age Glamour