Back to palettes

Palette

Art Deco Opulence

Rich gold, deep browns, and sophisticated neutrals embody the luxurious style of the Art Deco era.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F3D08F#BC8E4E#7C5D37#4D3D2F#2A201A

Palette guide

How to use Art Deco Opulence

Overview

The "Art Deco Opulence" palette embodies the luxurious style of the Art Deco era with its rich golds, deep browns, and sophisticated neutrals. This collection is ideal for designers and developers seeking to create designs that convey wealth, history, and refined elegance. The bright, inviting gold #F3D08F provides a radiant highlight, while the progressively darker browns, from #BC8E4E to the profound #2A201A, establish a strong, grounded, and luxurious foundation. This palette is perfect for high-end branding, vintage-inspired digital interfaces, or print materials that demand a distinguished and glamorous appearance, evoking a sense of enduring class.

Best used for

  • Luxury watch or spirits branding
  • High-end furniture design portfolios
  • Exclusive club or lounge interiors
  • Historical drama film production design
  • Premium chocolate packaging
  • Vintage apparel e-commerce

Suggested color roles

primary

Use #BC8E4E, a rich, warm medium brown-gold, as a versatile base for main content areas or navigation, conveying warmth and luxury.

secondary

Apply #7C5D37, a deeper, more grounded brown, for secondary headings, background patterns, or informational panels, adding depth.

accent

Employ #F3D08F, a bright, inviting gold, for key calls-to-action, important icons, or decorative flourishes that demand immediate attention and lavishness.

background

Select #2A201A, a profound, almost black, dark brown, as an incredibly luxurious and immersive backdrop, making lighter golds truly pop.

text

For text on dark backgrounds like #2A201A, use #F3D08F for headlines and #BC8E4E for body text, ensuring excellent readability and opulence.

Accessibility notes

  • Ensure #F3D08F text on #2A201A background meets WCAG AA contrast for body text.
  • Avoid using #BC8E4E text on #7C5D37, as the contrast will likely be too low for readability.
  • The bright gold #F3D08F will need very dark text (e.g., #2A201A or black) when used as a background.
  • For critical UI elements, ensure good contrast by pairing #F3D08F with #2A201A.

Recommended combinations

Golden Age Glamour

Perfect for a luxurious website hero section, with gold as the main headline and mid-brown for supporting text.

#2A201A · #F3D08F · #BC8E4E

Rich Vintage

Creates elegant content cards or product showcases, using gold for key details and darker brown for background.

#7C5D37 · #BC8E4E · #F3D08F

Deep Contrast

Ideal for a sophisticated navigation bar, with the darkest brown as the base, gold for active states, and mid-brown for text.

#4D3D2F · #F3D08F · #7C5D37

CSS variables

:root {
  --art-deco-opulence-1: #F3D08F;
  --art-deco-opulence-2: #BC8E4E;
  --art-deco-opulence-3: #7C5D37;
  --art-deco-opulence-4: #4D3D2F;
  --art-deco-opulence-5: #2A201A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "art-deco-opulence": {
        1: "#F3D08F",
        2: "#BC8E4E",
        3: "#7C5D37",
        4: "#4D3D2F",
        5: "#2A201A",
      }
    }
  }
}

Related searches

art deco gold brownluxury vintage paletterich elegant colorsopulent gold tonessophisticated brown gold

Palette colors

Hex values

Color 1#F3D08F
·
Color 2#BC8E4E
·
Color 3#7C5D37
·
Color 4#4D3D2F
·
Color 5#2A201A
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
4.1:1AA18
7:1AAA
10.8:1AAA
2
2:1Fail
2:1Fail
3.5:1AA18
5.4:1AA
3
4.1:1AA18
2:1Fail
1.7:1Fail
2.6:1Fail
4
7:1AAA
3.5:1AA18
1.7:1Fail
1.5:1Fail
5
10.8:1AAA
5.4:1AA
2.6:1Fail
1.5:1Fail

Similar palettes

More like Art Deco Opulence

View all dark
Gilded Baroque Splendor
Antique Velvet Drapes
Art Deco Midnight
Baroque Velvet Drape
Crimson Velvet Theatre
Gilded Renaissance Scrolls