Back to palettes

Palette

Art Deco Elegance

Sophisticated and refined, this palette captures the iconic glamour and distinct style 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 Art Deco Elegance 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 Elegance.

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

Data visualization

#1E90FF#B0C4DE#DAA520#4682B4#708090

Palette guide

How to use Art Deco Elegance

Overview

The Art Deco Elegance palette is sophisticated and refined, capturing the iconic glamour and distinct style of the Art Deco era. This collection features vibrant Dodger Blue #1E90FF, a muted light steel blue #B0C4DE, and a rich Goldenrod #DAA520, complemented by classic steel blue #4682B4. It's ideal for projects requiring a sense of polished grandeur. Developers can leverage its clear color hierarchy for intuitive UI and elegant digital experiences. Designers will find these hues perfect for corporate identity, luxury brand presentations, or architectural concepts, ensuring a timeless appeal that speaks of classic sophistication and artistic finesse.

Best used for

  • Corporate identity and branding
  • Luxury product launches
  • High-end event planning
  • Architectural presentations
  • Sophisticated web interfaces
  • Classic fashion editorials

Suggested color roles

primary

Establish #4682B4 as the foundational color for strong statements, main text, or impactful graphical elements, providing a reliable, elegant anchor.

secondary

Utilize #1E90FF for vibrant supporting elements, calls-to-action, or dynamic graphical features, adding a lively touch.

accent

Incorporate #DAA520 for opulent highlights, premium details, or subtle branding elements, infusing a sense of luxury.

background

Apply #B0C4DE as the primary background color, providing a soft, clean, and cool canvas that enhances readability.

text

For primary text on light backgrounds, #708090 offers excellent contrast. For text on darker blues, use white or #B0C4DE.

Accessibility notes

  • Ensure #708090 has sufficient contrast for body text on #B0C4DE to meet WCAG AA standards.
  • When using #DAA520 (gold) for text, ensure it is on a sufficiently dark background (e.g., #4682B4) to guarantee legibility.
  • Avoid using #1E90FF for small text on #B0C4DE due to potential low contrast, especially for critical information.
  • For interactive elements, use distinct shifts in lightness or saturation to clearly indicate states, leveraging the vibrant blue and gold.

Recommended combinations

Blue & Gold

A light steel blue background with mid-grey text and a rich gold accent for headings or key features, offering elegance and clarity.

#B0C4DE · #708090 · #DAA520

Dynamic Deco

Steel blue as a primary, vibrant gold as a striking accent, and dodger blue for dynamic supporting elements.

#4682B4 · #DAA520 · #1E90FF

Polished Blue

Bold dodger blue as a primary, complemented by a light background and mid-grey text for a sophisticated and balanced look.

#1E90FF · #B0C4DE · #708090

CSS variables

:root {
  --art-deco-elegance-1: #1E90FF;
  --art-deco-elegance-2: #B0C4DE;
  --art-deco-elegance-3: #DAA520;
  --art-deco-elegance-4: #4682B4;
  --art-deco-elegance-5: #708090;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "art-deco-elegance": {
        1: "#1E90FF",
        2: "#B0C4DE",
        3: "#DAA520",
        4: "#4682B4",
        5: "#708090",
      }
    }
  }
}

Related searches

art deco blue goldelegant geometric paletteclassic blue goldsophisticated deco colorsrich polished design

Palette colors

Hex values

Color 1#1E90FF
·
Color 2#B0C4DE
·
Color 3#DAA520
·
Color 4#4682B4
·
Color 5#708090
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
1.4:1Fail
1.3:1Fail
1.3:1Fail
2
1.8:1Fail
1.3:1Fail
2.3:1Fail
2.3:1Fail
3
1.4:1Fail
1.3:1Fail
1.8:1Fail
1.8:1Fail
4
1.3:1Fail
2.3:1Fail
1.8:1Fail
1:1Fail
5
1.3:1Fail
2.3:1Fail
1.8:1Fail
1:1Fail

Similar palettes

More like Art Deco Elegance

View all neutral
Art Deco Elegance
Deco Glamour
Old Money Elegance
Aged Leather Study
Aged Leather Tome
Ancient Lore Inks