Back to palettes

Palette

Art Deco Glamour

Rich and sophisticated tones inspired by the elegant geometric patterns and luxurious materials 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 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

#F7E9C8#D9C29D#B38C6C#8C5E4A#6C3C32

Palette guide

How to use Art Deco Glamour

Overview

The "Art Deco Glamour" palette offers a rich, sophisticated range of warm tones, perfect for evoking the luxurious aesthetics of the 1920s and 30s. Designers and developers can leverage these shades to create elegant, vintage-inspired interfaces or printed materials. The lightest shade, a creamy beige #F7E9C8, provides a soft base, while the deeper browns like #8C5E4A and #6C3C32 anchor the palette with their earthy richness. The mid-tones, #D9C29D and #B38C6C, bridge the gap, offering versatility for various design elements. This collection is ideal for projects requiring a sense of history, opulence, and refined warmth.

Best used for

  • Luxury brand websites and packaging
  • High-end interior design mood boards
  • Vintage event invitations and decor
  • Fashion and beauty branding
  • Historical drama film aesthetics
  • Upscale restaurant branding

Suggested color roles

primary

Use #B38C6C as a versatile medium brown for main sections, large blocks of content, or primary navigation, conveying sophistication.

secondary

Employ #D9C29D, a lighter, warm beige, for subheadings, secondary buttons, or background panels, complementing the primary beautifully.

accent

Apply #6C3C32, a deep, rich reddish-brown, for highlighting key calls-to-action, important icons, or decorative elements that need to pop with warmth.

background

Utilize #F7E9C8, a soft, creamy off-white, as a gentle, inviting base for content, ensuring readability and a luxurious feel.

text

Choose #8C5E4A for body text on light backgrounds like #F7E9C8 to ensure strong readability. Alternatively, use a dark charcoal for maximum contrast.

Accessibility notes

  • Ensure #8C5E4A text on #F7E9C8 background meets WCAG AA contrast ratios for body text.
  • Avoid using #D9C29D text on #B38C6C as contrast might be insufficient for readability.
  • Use #6C3C32 or #8C5E4A for critical UI elements to ensure visibility for users with visual impairments.
  • Pair #F7E9C8 with #6C3C32 for strong, accessible headings and important information.

Recommended combinations

Warm Elegance

Ideal for a sophisticated website footer or a vintage-inspired header with strong typography.

#F7E9C8 · #B38C6C · #6C3C32

Subtle Depth

Effective for content cards or testimonials where a softer, layered aesthetic is desired.

#D9C29D · #8C5E4A · #B38C6C

Rich Accents

Use for a luxurious landing page, with the dark brown as a strong accent on a light background.

#F7E9C8 · #6C3C32 · #D9C29D

CSS variables

:root {
  --art-deco-glamour-1: #F7E9C8;
  --art-deco-glamour-2: #D9C29D;
  --art-deco-glamour-3: #B38C6C;
  --art-deco-glamour-4: #8C5E4A;
  --art-deco-glamour-5: #6C3C32;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "art-deco-glamour": {
        1: "#F7E9C8",
        2: "#D9C29D",
        3: "#B38C6C",
        4: "#8C5E4A",
        5: "#6C3C32",
      }
    }
  }
}

Related searches

art deco color schemevintage glamour palettewarm brown gold colorselegant retro designluxury art deco tones

Palette colors

Hex values

Color 1#F7E9C8
·
Color 2#D9C29D
·
Color 3#B38C6C
·
Color 4#8C5E4A
·
Color 5#6C3C32
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.5:1Fail
4.6:1AA
7.5:1AAA
2
1.4:1Fail
1.8:1Fail
3.2:1AA18
5.2:1AA
3
2.5:1Fail
1.8:1Fail
1.8:1Fail
3:1Fail
4
4.6:1AA
3.2:1AA18
1.8:1Fail
1.6:1Fail
5
7.5:1AAA
5.2:1AA
3:1Fail
1.6:1Fail

Similar palettes

More like Art Deco Glamour

View all warm