Palette

Gilded Deco Elegance

A luxurious combination of deep grays, silver, and gleaming gold, inspired by Art Deco sophistication.

elegantelegant5 colors

More elegant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#1A1A1A#5D5D5D#AAAAAA#D4AF37#FFD700

Palette guide

How to use Gilded Deco Elegance

Overview

The Gilded Deco Elegance palette embodies Art Deco sophistication with a luxurious combination of deep grays, silver, and gleaming golds. This chic collection features a stark black (#1A1A1A), a versatile medium gray (#5D5D5D), a bright silver (#AAAAAA), a rich antique gold (#D4AF37), and a brilliant pure gold (#FFD700). It's perfect for projects requiring a sleek, modern, yet timelessly elegant aesthetic. Designers can create striking visual contrasts and a sense of upscale refinement, while developers can build clean, impactful interfaces that convey luxury and precision.

Best used for

Art Deco themed website designs
Luxury fashion brand identity
High-end real estate marketing
Event branding for galas or awards
Jewelry store visual merchandising
Vintage cocktail bar branding

Suggested color roles

primary

Stark black (#1A1A1A) serves as a powerful primary background or for bold typography, creating a dramatic and sophisticated foundation.

secondary

Bright silver (#AAAAAA) is excellent for secondary navigation, UI elements, or decorative lines, adding a touch of metallic sheen.

accent

Brilliant pure gold (#FFD700) is the ultimate accent for logos, calls-to-action, or key interactive elements, demanding attention and luxury.

background

Medium gray (#5D5D5D) provides a sophisticated, neutral background that allows the golds and silver to shine, ideal for content areas.

text

For primary body text, use stark black (#1A1A1A) against #AAAAAA or white, or #AAAAAA against #1A1A1A for headings, ensuring high contrast.

Accessibility notes

Ensure #D4AF37 or #FFD700 text on #AAAAAA backgrounds meets contrast requirements; consider darker gold shades for small text.
Stark black #1A1A1A provides excellent contrast for light text, such as #AAAAAA, #FFD700, or white.
Avoid using #5D5D5D text directly on #AAAAAA for critical content due to potential low contrast.
For optimal readability, use #1A1A1A for body text against #AAAAAA or #5D5D5D against #1A1A1A for headings.

Recommended combinations

Deco Glamour

For a striking header: #1A1A1A background, #FFD700 title, #AAAAAA subtitle.

#1A1A1A · #FFD700 · #AAAAAA

Subtle Sheen

Effective for elegant UI elements: #5D5D5D card, #D4AF37 button, #AAAAAA icon.

#5D5D5D · #D4AF37 · #AAAAAA

Modern Contrast

Use for sophisticated content display: #AAAAAA background, #1A1A1A text, #D4AF37 for highlights.

#AAAAAA · #1A1A1A · #D4AF37

CSS variables

:root {
  --gilded-deco-elegance-1: #1A1A1A;
  --gilded-deco-elegance-2: #5D5D5D;
  --gilded-deco-elegance-3: #AAAAAA;
  --gilded-deco-elegance-4: #D4AF37;
  --gilded-deco-elegance-5: #FFD700;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gilded-deco-elegance": {
        1: "#1A1A1A",
        2: "#5D5D5D",
        3: "#AAAAAA",
        4: "#D4AF37",
        5: "#FFD700",
      }
    }
  }
}

Hex values

Color 1#1A1A1A

Color 2#5D5D5D

Color 3#AAAAAA

Color 4#D4AF37

Color 5#FFD700

Accessibility

Contrast checker

2.6:1Fail

7.5:1AAA

8.3:1AAA

12.4:1AAA

2.6:1Fail

2.8:1Fail

3.1:1AA18

4.7:1AA

7.5:1AAA

2.8:1Fail

1.1:1Fail

1.7:1Fail

8.3:1AAA

3.1:1AA18

1.1:1Fail

1.5:1Fail

12.4:1AAA

4.7:1AA

1.7:1Fail

1.5:1Fail

Similar palettes

More like Gilded Deco Elegance