Palette

Art Deco Elegance

Luxurious golds, deep teals, and classic blacks inspired by the geometric sophistication of the Art Deco era.

vibrantelegant5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#D4AF37#008080#222222#F5F5DC#C0C0C0

Palette guide

How to use Art Deco Elegance

Overview

The Art Deco Elegance (v5) palette showcases luxurious golds, deep teals, and classic blacks, inspired by the geometric sophistication of the Art Deco era. Featuring the radiant gold #D4AF37, the rich deep teal #008080, and the versatile deep charcoal #222222, this collection is perfect for projects demanding opulent and dramatic flair. Developers can create visually striking interfaces with clear hierarchy and premium aesthetics. Designers will find these hues ideal for high-end product packaging, exclusive event branding, or sophisticated fashion design, delivering an unmistakable sense of glamour and timeless luxury.

Best used for

Luxury product packaging
High-end event branding
Fashion and jewelry design
Sophisticated web design
Art gallery promotion
Vintage-inspired interior accents

Suggested color roles

primary

Establish #222222 as the foundational color for strong statements, main text, or impactful graphical elements, providing a bold, elegant anchor.

secondary

Utilize #008080 for rich supporting sections, sub-headings, or elegant backgrounds, offering a deep and luxurious teal.

accent

Incorporate #D4AF37 for opulent highlights, calls-to-action, or premium branding elements, adding a vibrant and luxurious touch.

background

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

text

For primary text on light backgrounds, #222222 offers excellent contrast. For text on darker backgrounds like #008080 or #222222, use #F5F5DC or white.

Accessibility notes

The contrast between #222222 and #F5F5DC is excellent, ensuring high readability for all text sizes.
When using #D4AF37 for text, ensure it is on a sufficiently dark background (e.g., #008080 or #222222) to meet WCAG AA contrast standards.
Avoid using #C0C0C0 for small text on #F5F5DC, as the contrast might be insufficient for some users.
Ensure interactive elements (buttons, links) have clear visual states using contrasting colors from the palette, such as #D4AF37 on #008080.

Recommended combinations

Teal & Gold

A warm cream background with dark charcoal text and a radiant gold accent for luxurious and highly readable content.

#F5F5DC · #222222 · #D4AF37

Glamorous Depth

Deep teal as a rich background, with opulent gold accents and light cream support for elegant visual sections.

#008080 · #D4AF37 · #F5F5DC

Black Tie Gold

Charcoal black as a primary, brilliant gold for striking highlights, and silver grey for subtle metallic details or secondary text.

#222222 · #D4AF37 · #C0C0C0

CSS variables

:root {
  --art-deco-elegance-5-1: #D4AF37;
  --art-deco-elegance-5-2: #008080;
  --art-deco-elegance-5-3: #222222;
  --art-deco-elegance-5-4: #F5F5DC;
  --art-deco-elegance-5-5: #C0C0C0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "art-deco-elegance-5": {
        1: "#D4AF37",
        2: "#008080",
        3: "#222222",
        4: "#F5F5DC",
        5: "#C0C0C0",
      }
    }
  }
}

Hex values

Color 1#D4AF37

Color 2#008080

Color 3#222222

Color 4#F5F5DC

Color 5#C0C0C0

Accessibility

Contrast checker

2.3:1Fail

7.6:1AAA

1.9:1Fail

1.2:1Fail

2.3:1Fail

3.3:1AA18

4.3:1AA18

2.6:1Fail

7.6:1AAA

3.3:1AA18

14.4:1AAA

8.7:1AAA

1.9:1Fail

4.3:1AA18

14.4:1AAA

1.6:1Fail

1.2:1Fail

2.6:1Fail

8.7:1AAA

1.6:1Fail

Similar palettes

More like Art Deco Elegance

View all vibrant

Jazz Age Splendor

Art Deco Emerald Pool