Palette

Opulent Deco Gleam

Shining golds and rich bronzes evoke the luxurious, geometric opulence of the Art Deco era.

warmelegant5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Opulent Deco Gleam 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 Opulent Deco Gleam.

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

Data visualization

#8B4513#DAA520#FFD700#F0E68C#F5F5DC

Palette guide

How to use Opulent Deco Gleam

Overview

The Opulent Deco Gleam palette radiates the luxurious, geometric glamour of the Art Deco era with its shining golds and rich bronzes. Featuring the deep saddle brown #8B4513, through the stately goldenrod #DAA520, and culminating in the brilliant gold #FFD700, this collection is enhanced by the subtle elegance of khaki #F0E68C and the soft cream #F5F5DC. Designers and developers can utilize these hues to craft sophisticated branding, high-end website designs, or elegant print materials that evoke vintage luxury and refined taste. This palette is perfect for projects requiring a warm, opulent, and distinctly glamorous aesthetic, providing a range from deep foundational tones to bright, illuminating accents.

Best used for

Art Deco inspired branding and packaging
Luxury jewelry or fashion websites
Vintage-themed event invitations
High-end interior design visualizations
Elegant editorial layouts and magazines
Glamorous UI elements and icons

Suggested color roles

primary

Use #8B4513 (Saddle Brown) as a grounding, rich primary color for backgrounds or deep structural elements, providing warmth and stability.

secondary

Employ #DAA520 (Goldenrod) for secondary accents, larger text blocks, or navigation, offering a sophisticated, aged gold feel.

accent

Apply #FFD700 (Gold) as the primary accent, perfect for calls-to-action, highlights, or decorative elements where true brilliance is desired.

background

Utilize #F5F5DC (Beige) as a soft, luminous background for a light, airy feel, or #8B4513 for a deep, opulent backdrop.

text

On lighter backgrounds, #8B4513 provides excellent contrast. For darker elements, a crisp white or a very light cream like #F5F5DC ensures readability.

Accessibility notes

Ensure sufficient contrast when using #F0E68C text on #F5F5DC backgrounds, as both are light tones.
Darker tones like #8B4513 provide excellent contrast for light text (e.g., #F5F5DC).
Avoid pairing #DAA520 text on #FFD700 backgrounds for readability issues; use a darker tone for contrast.
For interactive elements, ensure distinct visual cues beyond color, especially with similar gold shades.

Recommended combinations

Gleaming Base

Ideal for a classic Art Deco look, pairing a deep foundation with bright gold accents and a soft, luminous background.

#8B4513 · #FFD700 · #F5F5DC

Vintage Sparkle

Excellent for subtle glamor, using goldenrod as a main, khaki for softer details, and saddle brown for grounding elements.

#DAA520 · #F0E68C · #8B4513

Bright Contrast

Suitable for creating a light, airy feel with elegant golden accents, perfect for headings or decorative flourishes.

#F5F5DC · #DAA520 · #FFD700

CSS variables

:root {
  --opulent-deco-gleam-1: #8B4513;
  --opulent-deco-gleam-2: #DAA520;
  --opulent-deco-gleam-3: #FFD700;
  --opulent-deco-gleam-4: #F0E68C;
  --opulent-deco-gleam-5: #F5F5DC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "opulent-deco-gleam": {
        1: "#8B4513",
        2: "#DAA520",
        3: "#FFD700",
        4: "#F0E68C",
        5: "#F5F5DC",
      }
    }
  }
}

Hex values

Color 1#8B4513

Color 2#DAA520

Color 3#FFD700

Color 4#F0E68C

Color 5#F5F5DC

Accessibility

Contrast checker

3.2:1AA18

5.1:1AA

5.5:1AA

6.4:1AA

3.2:1AA18

1.6:1Fail

1.7:1Fail

2:1Fail

5.1:1AA

1.6:1Fail

1.1:1Fail

1.3:1Fail

5.5:1AA

1.7:1Fail

1.1:1Fail

1.2:1Fail

6.4:1AA

2:1Fail

1.3:1Fail

1.2:1Fail

Similar palettes

More like Opulent Deco Gleam