Back to palettes

Palette

Deco Glamour

A luxurious and refined palette inspired by the geometric grandeur and metallic accents of the Art Deco era.

neutralelegant5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#D4AF37#C0C0C0#2F4F4F#808080#F5F5DC

Palette guide

How to use Deco Glamour

Overview

The Deco Glamour palette offers a luxurious and refined collection, inspired by the geometric grandeur and metallic accents of the Art Deco era. This sophisticated blend features the opulent gold of #D4AF37, the classic silver-gray of #C0C0C0, and the deep, elegant teal-gray of #2F4F4F. Designers and developers can leverage these timeless colors, including the versatile #808080 and the creamy #F5F5DC, to create elegant digital interfaces, upscale brand identities, or sophisticated print materials. Its balanced mix of metallic brights and deep neutrals provides a sense of classic luxury and understated elegance, perfect for projects requiring a touch of vintage charm and modern refinement.

Best used for

  • Luxury brand websites and packaging
  • High-end interior design portfolios
  • Art Deco themed event branding
  • Classic film or theater promotions
  • Upscale restaurant or bar branding
  • Jewelry and fashion e-commerce

Suggested color roles

primary

#2F4F4F - A deep, sophisticated dark teal-gray that provides a strong, elegant foundation, perfect for main headings, backgrounds, or significant UI elements.

secondary

#808080 - A balanced mid-tone gray, ideal for secondary text, subheadings, or as a complementary background section, offering versatility and neutrality.

accent

#D4AF37 - This rich, metallic gold provides a luxurious and eye-catching accent, perfect for interactive elements, icons, or decorative details to convey opulence.

background

#F5F5DC - A soft, off-white cream color, serving as an elegant and bright background that allows the deeper and metallic tones to truly shine.

text

#C0C0C0 - A light silver-gray, suitable for subtle text on dark backgrounds. For primary body text on #F5F5DC, a dark charcoal or black is recommended for readability.

Accessibility notes

  • Ensure sufficient contrast for text, especially when using lighter grays on #F5F5DC. #C0C0C0 text on #F5F5DC will likely fail.
  • Use #2F4F4F or #808080 for body text on #F5F5DC backgrounds to meet WCAG AA standards.
  • White text on #2F4F4F provides excellent contrast, suitable for headings or call-to-action buttons.
  • The metallic #D4AF37 works well with both dark text (e.g., #2F4F4F) and light text (e.g., white) depending on its application.

Recommended combinations

Golden Elegance

#F5F5DC as background, #D4AF37 for highlights, and #2F4F4F for primary text and elements.

#F5F5DC · #D4AF37 · #2F4F4F

Silver Sophistication

Creates a monochromatic, refined look; #2F4F4F for depth, #808080 for mid-tones, #C0C0C0 for highlights.

#C0C0C0 · #808080 · #2F4F4F

Vintage Charm

#2F4F4F as a dominant color, #D4AF37 for luxurious accents, and #C0C0C0 for secondary details.

#2F4F4F · #D4AF37 · #C0C0C0

CSS variables

:root {
  --deco-glamour-1: #D4AF37;
  --deco-glamour-2: #C0C0C0;
  --deco-glamour-3: #2F4F4F;
  --deco-glamour-4: #808080;
  --deco-glamour-5: #F5F5DC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deco-glamour": {
        1: "#D4AF37",
        2: "#C0C0C0",
        3: "#2F4F4F",
        4: "#808080",
        5: "#F5F5DC",
      }
    }
  }
}

Related searches

art deco color paletteluxury gray gold colorselegant vintage designsophisticated metallic schemeclassic glamour branding

Palette colors

Hex values

Color 1#D4AF37
·
Color 2#C0C0C0
·
Color 3#2F4F4F
·
Color 4#808080
·
Color 5#F5F5DC
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
4.2:1AA18
1.9:1Fail
1.9:1Fail
2
1.2:1Fail
4.9:1AA
2.2:1Fail
1.6:1Fail
3
4.2:1AA18
4.9:1AA
2.3:1Fail
8.1:1AAA
4
1.9:1Fail
2.2:1Fail
2.3:1Fail
3.6:1AA18
5
1.9:1Fail
1.6:1Fail
8.1:1AAA
3.6:1AA18

Similar palettes

More like Deco Glamour

View all neutral
Art Deco Opal
Muted Art Deco
Pewter Glimmer
Ancient Marble Ruins
Ancient Marble Sculpture
Ancient Marble Veins