Palette

Art Deco Gala

Sophisticated gold and warm neutrals, reminiscent of the luxurious 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 Art Deco Gala 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 Gala.

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

Data visualization

#4A3728#A48F76#D7C9A4#EDDDA4#CCAD60

Palette guide

How to use Art Deco Gala

Overview

The Art Deco Gala palette features sophisticated gold and warm neutrals, reminiscent of the luxurious opulence of the Art Deco era. Key colors include the deep brown #4A3728, the rich gold #CCAD60, and the luminous light gold #EDDDA4. This collection is perfect for projects demanding a luxurious, inviting, and elegant aesthetic. Developers can implement these warm hues for engaging UI elements and sophisticated digital environments. Designers will find this palette ideal for luxury event branding, high-end fashion, or vintage-inspired product design, ensuring a polished and timeless appeal that speaks of grandeur and celebration.

Best used for

Luxury event branding
High-end fashion and accessories
Vintage-inspired product design
Upscale cafe and restaurant branding
Art exhibit promotion
Elegant website themes

Suggested color roles

primary

Establish #4A3728 as the foundational color for strong statements, main text, or impactful graphical elements, providing a rich, grounding anchor.

secondary

Utilize #A48F76 for supporting content, sub-headings, or softer backgrounds, offering a harmonious mid-beige.

accent

Incorporate #CCAD60 for opulent highlights, calls-to-action, or premium branding elements, adding a vibrant and luxurious touch.

background

Apply #EDDDA4 as the primary background color, providing a warm, luminous, and clean canvas that enhances readability.

text

For primary text on light backgrounds, #4A3728 offers excellent contrast. For text on darker backgrounds, use #EDDDA4 or white.

Accessibility notes

Ensure #4A3728 has sufficient contrast for body text on #EDDDA4 to meet WCAG AA standards.
When using #CCAD60 (gold) for text, ensure it is on a sufficiently dark background (e.g., #4A3728) to guarantee legibility.
Avoid using #D7C9A4 for small text on #EDDDA4, as the contrast might be insufficient for some users.
For interactive elements, use distinct shifts in lightness or saturation to clearly indicate states, leveraging the deep brown and rich gold.

Recommended combinations

Gilded Glamour

A light gold background with deep brown text and a rich gold accent for headings or key features, offering elegance and clarity.

#EDDDA4 · #4A3728 · #CCAD60

Warm Luxe

Deep brown as a primary, rich gold as a striking accent, and mid-beige for supporting elements, creating depth and warmth.

#4A3728 · #CCAD60 · #A48F76

Subtle Gala

Mid-tone background with deep brown text and a rich gold highlight for a sophisticated and balanced look.

#D7C9A4 · #4A3728 · #CCAD60

CSS variables

:root {
  --art-deco-gala-1: #4A3728;
  --art-deco-gala-2: #A48F76;
  --art-deco-gala-3: #D7C9A4;
  --art-deco-gala-4: #EDDDA4;
  --art-deco-gala-5: #CCAD60;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "art-deco-gala": {
        1: "#4A3728",
        2: "#A48F76",
        3: "#D7C9A4",
        4: "#EDDDA4",
        5: "#CCAD60",
      }
    }
  }
}

Hex values

Color 1#4A3728

Color 2#A48F76

Color 3#D7C9A4

Color 4#EDDDA4

Color 5#CCAD60

Accessibility

Contrast checker

3.6:1AA18

6.8:1AA

8.3:1AAA

5.2:1AA

3.6:1AA18

1.9:1Fail

2.3:1Fail

1.4:1Fail

6.8:1AA

1.9:1Fail

1.2:1Fail

1.3:1Fail

8.3:1AAA

2.3:1Fail

1.2:1Fail

1.6:1Fail

5.2:1AA

1.4:1Fail

1.3:1Fail

1.6:1Fail

Similar palettes

More like Art Deco Gala