Back to palettes

Palette

Art Deco Elegance

Cool, refined tones evoking the sophisticated geometry and luxurious feel of the Art Deco era.

coolelegant5 colors
More cool 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

#2F4F4F#5F9EA0#A2B2B9#D4DFE3#87CEEB

Palette guide

How to use Art Deco Elegance

Overview

The Art Deco Elegance (v4) palette features cool, refined tones, evoking the sophisticated geometry and luxurious feel of the Art Deco era. Dominated by deep slate grey #2F4F4F, serene cadet blue #5F9EA0, and the airy light grey-blue #D4DFE3, this collection is perfect for designs seeking a calming yet opulent aesthetic. Developers can use these cool hues to create sleek UI designs and elegant digital environments. Designers will find this palette ideal for luxury spa branding, sophisticated fashion, or architectural presentations, ensuring a polished and timeless appeal that conveys tranquility and refined taste.

Best used for

  • Luxury spa and wellness branding
  • Sophisticated fashion lines
  • High-end architectural renders
  • Elegant website themes
  • Cool-toned interior design
  • Marine or coastal luxury brands

Suggested color roles

primary

Establish #2F4F4F as the foundational color for strong statements, main text, or impactful graphical elements, providing a deep, cool anchor.

secondary

Utilize #5F9EA0 for supporting content, sub-headings, or prominent graphical elements, offering a serene and versatile blue.

accent

Incorporate #87CEEB for bright, refreshing highlights, interactive elements, or a touch of vibrant contrast.

background

Apply #D4DFE3 as the primary background color to create an airy, cool, and clean canvas that enhances readability.

text

For optimal readability on light backgrounds, #2F4F4F offers excellent contrast. For text on darker blues, use white or #D4DFE3.

Accessibility notes

  • Ensure #2F4F4F has sufficient contrast for body text on #D4DFE3 to meet WCAG AA standards.
  • When using #5F9EA0 or #A2B2B9 for text, check contrast against lighter greens like #D4DFE3, especially for smaller font sizes.
  • The bright accent #87CEEB works well for calls-to-action against darker blues, ensuring high visibility.
  • Maintain clear visual hierarchy by differentiating text and background colors sufficiently, especially within the mid-range cool tones.

Recommended combinations

Cool Contrast

A light grey-blue background with dark slate text and a vibrant sky blue accent for a clean, modern, and engaging design.

#D4DFE3 · #2F4F4F · #87CEEB

Teal Depth

Deep slate as a primary, cadet blue for supporting elements, and a lighter grey-blue for subtle transitions and depth.

#2F4F4F · #5F9EA0 · #A2B2B9

Refined Blue

Mid-tone cadet blue as a primary, with a light background and dark slate text for a sophisticated and balanced look.

#5F9EA0 · #D4DFE3 · #2F4F4F

CSS variables

:root {
  --art-deco-elegance-4-1: #2F4F4F;
  --art-deco-elegance-4-2: #5F9EA0;
  --art-deco-elegance-4-3: #A2B2B9;
  --art-deco-elegance-4-4: #D4DFE3;
  --art-deco-elegance-4-5: #87CEEB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "art-deco-elegance-4": {
        1: "#2F4F4F",
        2: "#5F9EA0",
        3: "#A2B2B9",
        4: "#D4DFE3",
        5: "#87CEEB",
      }
    }
  }
}

Related searches

art deco blue greycool elegant palettesophisticated teal designgeometric blue tonesretro blue color scheme

Palette colors

Hex values

Color 1#2F4F4F
·
Color 2#5F9EA0
·
Color 3#A2B2B9
·
Color 4#D4DFE3
·
Color 5#87CEEB
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.9:1Fail
4.1:1AA18
6.6:1AA
5.1:1AA
2
2.9:1Fail
1.4:1Fail
2.2:1Fail
1.8:1Fail
3
4.1:1AA18
1.4:1Fail
1.6:1Fail
1.3:1Fail
4
6.6:1AA
2.2:1Fail
1.6:1Fail
1.3:1Fail
5
5.1:1AA
1.8:1Fail
1.3:1Fail
1.3:1Fail

Similar palettes

More like Art Deco Elegance

View all cool
Concrete Jungle Bloom
Midnight Urban Gleam
Veridian Elegance
Antique Teal Patina
Cityscape Twilight Azure
Dragonfly Wing Iridescence