Palette

Art Deco Glamour

Sophisticated browns and glistening golds paired with stark black and silver, capturing the luxury of Art Deco.

darkelegant5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B4513#CD7F32#DAA520#C0C0C0#000000

Palette guide

How to use Art Deco Glamour

Overview

The Art Deco Glamour (v2) palette features sophisticated browns and glistening golds paired with stark black and silver, capturing the luxury of Art Deco. Key colors include the rich saddle brown #8B4513, the opulent goldenrod #DAA520, and the dramatic true black #000000, complemented by sleek silver #C0C0C0. This collection is perfect for projects demanding a lavish, vintage, and high-end aesthetic. Developers can implement these strong contrasts for clear UI structures and impactful digital experiences. Designers will find this palette ideal for luxury goods, vintage fashion, or high-end interior design, ensuring a polished and timeless appeal that speaks of grandeur and opulence.

Best used for

Luxury goods branding
Vintage fashion editorials
High-end interior design
Exclusive event branding
Sophisticated print materials
Classic website themes

Suggested color roles

primary

Establish #000000 as the foundational color for strong statements, main text, or dramatic backgrounds, providing a bold, elegant anchor.

secondary

Utilize #8B4513 for rich supporting sections, sub-headings, or elegant backgrounds, offering a deep and luxurious brown.

accent

Incorporate #DAA520 for opulent highlights, calls-to-action, or premium branding elements, adding a vibrant and 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, #000000 offers excellent contrast. For text on darker backgrounds like #8B4513, use #C0C0C0 or white.

Accessibility notes

The contrast between #000000 and #C0C0C0 is excellent, ensuring high readability for all text sizes.
When using #DAA520 (gold) for text, ensure it is on a sufficiently dark background (e.g., #000000 or #8B4513) to meet WCAG AA contrast standards.
Avoid using #CD7F32 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 #DAA520 on #8B4513.

Recommended combinations

Black & Gold

A silver background with stark black text and a brilliant gold accent for luxurious and highly readable content.

#C0C0C0 · #000000 · #DAA520

Brown Luxe

Deep brown as a rich background, with opulent gold accents and lighter brown support for elegant visual sections.

#8B4513 · #DAA520 · #CD7F32

Classic Glamour

Black as a primary, brilliant gold for striking highlights, and silver for subtle metallic details or secondary elements.

#000000 · #DAA520 · #C0C0C0

CSS variables

:root {
  --art-deco-glamour-2-1: #8B4513;
  --art-deco-glamour-2-2: #CD7F32;
  --art-deco-glamour-2-3: #DAA520;
  --art-deco-glamour-2-4: #C0C0C0;
  --art-deco-glamour-2-5: #000000;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "art-deco-glamour-2": {
        1: "#8B4513",
        2: "#CD7F32",
        3: "#DAA520",
        4: "#C0C0C0",
        5: "#000000",
      }
    }
  }
}

Hex values

Color 1#8B4513

Color 2#CD7F32

Color 3#DAA520

Color 4#C0C0C0

Color 5#000000

Accessibility

Contrast checker

2.3:1Fail

3.2:1AA18

3.9:1AA18

3:1Fail

2.3:1Fail

1.4:1Fail

1.7:1Fail

6.7:1AA

3.2:1AA18

1.4:1Fail

1.2:1Fail

9.4:1AAA

3.9:1AA18

1.7:1Fail

1.2:1Fail

11.5:1AAA

3:1Fail

6.7:1AA

9.4:1AAA

11.5:1AAA

Similar palettes

More like Art Deco Glamour