Palette

Art Deco Glamour

A sophisticated palette reminiscent of the Art Deco era, blending rich metallics with deep, stylish hues.

elegantelegant5 colors

More elegant 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

#CCB388#3E5C76#121212#EBEBEB#C07E6F

Palette guide

How to use Art Deco Glamour

Overview

The Art Deco Glamour (v6) palette is a sophisticated collection reminiscent of the Art Deco era, blending rich metallics with deep, stylish hues. Key colors include the warm muted gold #CCB388, the deep blue-grey #3E5C76, and the versatile near-black #121212, complemented by a clean light grey #EBEBEB. This collection is perfect for projects demanding a luxurious, vintage, and elegant aesthetic. Developers can implement these strong contrasts for clear UI structures and impactful digital experiences. Designers will find this palette ideal for luxury branding, vintage event design, or high-end fashion, ensuring a polished and timeless appeal that speaks of grandeur and artistic finesse.

Best used for

Luxury branding and packaging
Vintage event design
High-end fashion editorials
Sophisticated web interfaces
Exclusive club branding
Classic film aesthetics

Suggested color roles

primary

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

secondary

Utilize #3E5C76 for rich supporting sections, sub-headings, or elegant backgrounds, offering a deep and versatile blue-grey.

accent

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

background

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

text

For primary text on light backgrounds, #121212 offers excellent contrast. For text on darker backgrounds, use #EBEBEB or white.

Accessibility notes

The contrast between #121212 and #EBEBEB is excellent, ensuring high readability for all text sizes.
When using #CCB388 (gold) for text, ensure it is on a sufficiently dark background (e.g., #121212 or #3E5C76) to meet WCAG AA contrast standards.
Avoid using #C07E6F for small text on #EBEBEB, 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 #CCB388 on #3E5C76.

Recommended combinations

Gilded Grey

A light grey background with near-black text and a warm muted gold accent for luxurious and highly readable content.

#EBEBEB · #121212 · #CCB388

Blue-Grey Luxe

Deep blue-grey as a rich background, with opulent gold accents and warm beige support for elegant visual sections.

#3E5C76 · #CCB388 · #C07E6F

Classic Noir

Near-black as a primary, warm beige for striking highlights, and light grey for subtle metallic details or secondary elements.

#121212 · #C07E6F · #EBEBEB

CSS variables

:root {
  --art-deco-glamour-6-1: #CCB388;
  --art-deco-glamour-6-2: #3E5C76;
  --art-deco-glamour-6-3: #121212;
  --art-deco-glamour-6-4: #EBEBEB;
  --art-deco-glamour-6-5: #C07E6F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "art-deco-glamour-6": {
        1: "#CCB388",
        2: "#3E5C76",
        3: "#121212",
        4: "#EBEBEB",
        5: "#C07E6F",
      }
    }
  }
}

Hex values

Color 1#CCB388

Color 2#3E5C76

Color 3#121212

Color 4#EBEBEB

Color 5#C07E6F

Accessibility

Contrast checker

3.5:1AA18

9.3:1AAA

1.7:1Fail

1.6:1Fail

3.5:1AA18

2.7:1Fail

5.9:1AA

2.2:1Fail

9.3:1AAA

2.7:1Fail

15.7:1AAA

5.8:1AA

1.7:1Fail

5.9:1AA

15.7:1AAA

2.7:1Fail

1.6:1Fail

2.2:1Fail

5.8:1AA

2.7:1Fail

Similar palettes

More like Art Deco Glamour

Art Deco Glamour

See it in context.

Ready when you are.

Built with Art Deco Glamour.

How to use Art Deco Glamour

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Gilded Grey

Blue-Grey Luxe

Classic Noir

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Art Deco Glamour