Palette

Gilded Art Deco

Classic darks and muted blues accented with sophisticated golds, capturing the opulence of the Art Deco era.

elegantelegant5 colors

More elegant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2B2D42#8D99AE#EDF2F4#D8AF3B#A5832E

Palette guide

How to use Gilded Art Deco

Overview

The 'Gilded Art Deco' palette masterfully combines classic darks and muted blues with sophisticated golds, capturing the opulent spirit of the Art Deco era. Dominated by the deep #2B2D42 (Dark Blue-Gray) and softened by #8D99AE (Muted Blue-Gray), it provides a refined backdrop for the vibrant #D8AF3B (Brass Gold) and #A5832E (Dark Gold). The crisp #EDF2F4 (Off-White) offers a clean, elegant contrast. This palette is ideal for projects seeking a blend of historical luxury, geometric precision, and modern sophistication, reflecting the glamour and style of the 1920s.

Best used for

Art Deco revival design projects
Boutique hotel branding and interiors
Vintage movie poster recreation
Upscale event invitations and collateral
Luxury product packaging for spirits or jewelry
Fashion editorials with a retro twist

Suggested color roles

primary

Utilize #2B2D42 (Dark Blue-Gray) as a deep, sophisticated base for backgrounds, primary text, or prominent UI elements.

secondary

Apply #8D99AE (Muted Blue-Gray) for supporting elements, subheadings, or to add a softer, layered blue tone.

accent

Introduce #D8AF3B (Brass Gold) for vibrant highlights, logos, or calls to action, providing a luxurious focal point.

background

Employ #EDF2F4 (Off-White) as a clean, elegant backdrop, offering excellent readability for darker text and making golds shine.

text

For optimal readability on lighter backgrounds like #EDF2F4, use #2B2D42 (Dark Blue-Gray) or #A5832E (Dark Gold) as your primary text colors.

Accessibility notes

Ensure sufficient contrast when pairing #8D99AE (Muted Blue-Gray) with #EDF2F4 (Off-White) for text.
Text in #2B2D42 or #A5832E on an #EDF2F4 background provides excellent readability.
Avoid using #D8AF3B (Brass Gold) for small text on #8D99AE (Muted Blue-Gray) without careful contrast checking.
The #2B2D42 (Dark Blue-Gray) offers a strong, accessible color for body text across the lighter elements.

Recommended combinations

Deco Base

Creates a classic, sophisticated base; ideal for main content areas, corporate branding, and clean layouts.

#EDF2F4 · #2B2D42 · #D8AF3B

Muted Glamour

Highlights a softer, elegant side of Art Deco; perfect for secondary elements, subtle patterns, or rich textures.

#8D99AE · #A5832E · #2B2D42

Golden Accent

Provides bold contrast and opulence; suitable for headlines, call-to-action buttons, or prominent branding elements.

#D8AF3B · #EDF2F4 · #2B2D42

CSS variables

:root {
  --gilded-art-deco-1: #2B2D42;
  --gilded-art-deco-2: #8D99AE;
  --gilded-art-deco-3: #EDF2F4;
  --gilded-art-deco-4: #D8AF3B;
  --gilded-art-deco-5: #A5832E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gilded-art-deco": {
        1: "#2B2D42",
        2: "#8D99AE",
        3: "#EDF2F4",
        4: "#D8AF3B",
        5: "#A5832E",
      }
    }
  }
}

Hex values

Color 1#2B2D42

Color 2#8D99AE

Color 3#EDF2F4

Color 4#D8AF3B

Color 5#A5832E

Accessibility

Contrast checker

4.7:1AA

12:1AAA

6.5:1AA

3.8:1AA18

4.7:1AA

2.5:1Fail

1.4:1Fail

1.2:1Fail

12:1AAA

2.5:1Fail

1.8:1Fail

3.2:1AA18

6.5:1AA

1.4:1Fail

1.8:1Fail

1.7:1Fail

3.8:1AA18

1.2:1Fail

3.2:1AA18

1.7:1Fail

Similar palettes

More like Gilded Art Deco