Back to palettes

Palette

Art Deco Elegance

Sophisticated greys with a touch of opulent gold, inspired by classic Art Deco design.

neutralelegant5 colors
More neutral 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

#36454F#708090#D4AF37#FFFFFF#C0C0C0

Palette guide

How to use Art Deco Elegance

Overview

The Art Deco Elegance (v2) palette combines sophisticated greys with a touch of opulent gold, directly inspired by classic Art Deco design. Key colors include the deep charcoal #36454F, the versatile slate grey #708090, and the radiant gold #D4AF37, complemented by crisp white #FFFFFF. This collection is perfect for projects demanding a refined and upscale aesthetic. Developers can utilize its balanced contrast for clear UI structures and elegant digital experiences. Designers will find these hues ideal for corporate branding, luxury product presentation, or formal event materials, ensuring a polished and timeless appeal that speaks of understated grandeur.

Best used for

  • Corporate branding and identity
  • Luxury goods marketing
  • Formal event invitations
  • Museum and gallery websites
  • High-end interior design concepts
  • Sophisticated web applications

Suggested color roles

primary

Establish #36454F as the foundational color for strong statements, main text, or impactful graphical elements, providing a sophisticated anchor.

secondary

Utilize #708090 for supporting content, sub-headings, or subtle backgrounds, offering a softer yet elegant grey.

accent

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

background

Apply #FFFFFF as the primary background color to create a crisp, clean, and expansive canvas that maximizes readability.

text

For primary text on light backgrounds, #36454F offers excellent contrast. For text on darker greys, #FFFFFF provides optimal readability.

Accessibility notes

  • The contrast between #36454F and #FFFFFF is excellent, ensuring high readability for all text sizes.
  • When using #D4AF37 for text, ensure it is on a sufficiently dark background (e.g., #36454F) to meet WCAG AA contrast standards.
  • Avoid using #C0C0C0 for small text on #FFFFFF, 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 #708090.

Recommended combinations

Classic Contrast

A clean white background with dark charcoal text and a brilliant gold accent for a timeless, high-impact design.

#FFFFFF · #36454F · #D4AF37

Grey & Gold

Deep charcoal as a primary, vibrant gold as a key accent, and silver grey for supporting metallic details.

#36454F · #D4AF37 · #C0C0C0

Subtle Glam

Mid-slate grey as a background, with gold accents and crisp white text for an elegant, understated aesthetic.

#708090 · #D4AF37 · #FFFFFF

CSS variables

:root {
  --art-deco-elegance-2-1: #36454F;
  --art-deco-elegance-2-2: #708090;
  --art-deco-elegance-2-3: #D4AF37;
  --art-deco-elegance-2-4: #FFFFFF;
  --art-deco-elegance-2-5: #C0C0C0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "art-deco-elegance-2": {
        1: "#36454F",
        2: "#708090",
        3: "#D4AF37",
        4: "#FFFFFF",
        5: "#C0C0C0",
      }
    }
  }
}

Related searches

art deco grey goldelegant neutral palettesophisticated gold accentsgeometric grey designclassic deco colors

Palette colors

Hex values

Color 1#36454F
·
Color 2#708090
·
Color 3#D4AF37
·
Color 4#FFFFFF
·
Color 5#C0C0C0
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.4:1Fail
4.7:1AA
9.9:1AAA
5.4:1AA
2
2.4:1Fail
1.9:1Fail
4.1:1AA18
2.2:1Fail
3
4.7:1AA
1.9:1Fail
2.1:1Fail
1.2:1Fail
4
9.9:1AAA
4.1:1AA18
2.1:1Fail
1.8:1Fail
5
5.4:1AA
2.2:1Fail
1.2:1Fail
1.8:1Fail

Similar palettes

More like Art Deco Elegance

View all neutral
Art Deco Glamour
Gatsby Night Lux
Antique Silk Damask
Art Deco Elegance
Art Deco Elegance
Art Deco Glam