Palette

Art Deco Glam

A sophisticated blend of metallic grays, deep blues, and accents of gold, reflecting Art Deco opulence.

neutralelegant5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#C0C0C0#B8860B#4682B4#5A5A5A#2F4F4F

Palette guide

How to use Art Deco Glam

Overview

The Art Deco Glam palette offers a sophisticated blend of metallic grays, deep blues, and accents of gold, reflecting Art Deco opulence. Key colors include the sleek silver #C0C0C0, the rich dark goldenrod #B8860B, and the deep steel blue #4682B4, anchored by dark slate grey #2F4F4F. This collection is perfect for projects demanding a luxurious, geometric, and elegant aesthetic. Developers can implement these hues for structured UI and sophisticated digital environments. Designers will find this palette ideal for luxury corporate branding, high-end jewelry, or architectural presentations, ensuring a polished and timeless appeal that speaks of grandeur and artistic finesse.

Best used for

Luxury corporate branding
High-end jewelry design
Sophisticated event design
Architectural presentations
Geometric pattern design
Vintage-inspired fashion

Suggested color roles

primary

Establish #2F4F4F as the foundational color for strong statements, main text on light backgrounds, or impactful graphical elements, providing a deep, elegant anchor.

secondary

Utilize #4682B4 for supporting content, sub-headings, or prominent graphical elements, offering a rich and versatile steel blue.

accent

Incorporate #B8860B for rich, opulent highlights, calls-to-action, or premium branding elements, adding a luxurious touch.

background

Apply #C0C0C0 as the primary background color, providing a sleek, modern, and sophisticated canvas that enhances readability.

text

For primary text on light backgrounds, #2F4F4F or #5A5A5A offers excellent contrast. For text on darker blues, use #C0C0C0 or white.

Accessibility notes

Ensure #2F4F4F has sufficient contrast for body text on #C0C0C0 to meet WCAG AA standards.
When using #B8860B (gold) for text, ensure it is on a sufficiently dark background (e.g., #2F4F4F or #4682B4) to guarantee legibility.
Avoid using #5A5A5A for small text on #C0C0C0, 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 #B8860B on #4682B4.

Recommended combinations

Silvered Blue

A silver background with dark slate text and a rich gold accent for headings or key features, offering elegance and clarity.

#C0C0C0 · #2F4F4F · #B8860B

Steel & Gold

Steel blue as a primary, vibrant gold as a striking accent, and mid-grey for supporting elements, creating depth and sophistication.

#4682B4 · #B8860B · #5A5A5A

Glamourous Grey

Dark slate primary, with silver support and steel blue highlights for a refined and balanced look, evoking metallic finishes.

#2F4F4F · #C0C0C0 · #4682B4

CSS variables

:root {
  --art-deco-glam-1: #C0C0C0;
  --art-deco-glam-2: #B8860B;
  --art-deco-glam-3: #4682B4;
  --art-deco-glam-4: #5A5A5A;
  --art-deco-glam-5: #2F4F4F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "art-deco-glam": {
        1: "#C0C0C0",
        2: "#B8860B",
        3: "#4682B4",
        4: "#5A5A5A",
        5: "#2F4F4F",
      }
    }
  }
}

Hex values

Color 1#C0C0C0

Color 2#B8860B

Color 3#4682B4

Color 4#5A5A5A

Color 5#2F4F4F

Accessibility

Contrast checker

1.8:1Fail

2.3:1Fail

3.8:1AA18

4.9:1AA

1.8:1Fail

1.3:1Fail

2.1:1Fail

2.7:1Fail

2.3:1Fail

1.3:1Fail

1.7:1Fail

2.2:1Fail

3.8:1AA18

2.1:1Fail

1.7:1Fail

1.3:1Fail

4.9:1AA

2.7:1Fail

2.2:1Fail

1.3:1Fail

Similar palettes

More like Art Deco Glam

Art Deco Glam

See it in context.

Ready when you are.

Built with Art Deco Glam.

How to use Art Deco Glam

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Silvered Blue

Steel & Gold

Glamourous Grey

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Art Deco Glam