Palette

Art Deco Geometric

Sharp, sophisticated hues reminiscent of the bold lines and luxurious materials of Art Deco design.

vibrantelegant5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#1E90FF#FFD700#8B0000#4B0082#D3D3D3

Palette guide

How to use Art Deco Geometric

Overview

The Art Deco Geometric palette features sharp, sophisticated hues reminiscent of the bold lines and luxurious materials of Art Deco design. Key colors include the vibrant Dodger Blue #1E90FF, the opulent pure gold #FFD700, and the dramatic dark violet #4B0082, complemented by a versatile light grey #D3D3D3. This collection is perfect for projects demanding a bold, glamorous, and architectural aesthetic. Developers can implement these strong contrasts for clear UI structures and impactful digital experiences. Designers will find this palette ideal for event posters, luxury product design, or creative advertising, ensuring a polished and timeless appeal that speaks of artistic grandeur.

Best used for

Event posters and advertising
Fashion and luxury branding
Architectural visualization
Sophisticated digital art
Bold geometric pattern design
High-end product packaging

Suggested color roles

primary

Establish #1E90FF as the foundational color for bold statements, main text on light backgrounds, or dynamic graphical elements, providing a vibrant anchor.

secondary

Utilize #4B0082 for deep supporting sections, sub-headings, or dramatic backgrounds, offering a rich and versatile violet.

accent

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

background

Apply #D3D3D3 as the primary background color, providing a neutral, clean, and sophisticated canvas that allows other colors to pop.

text

For primary text on light backgrounds, a dark charcoal or black is recommended. For text on darker colors like #1E90FF or #4B0082, use #D3D3D3 or white.

Accessibility notes

The contrast between a dark text (e.g., charcoal) and #D3D3D3 is excellent, ensuring high readability.
When using #FFD700 (gold) for text, ensure it is on a sufficiently dark background (e.g., #4B0082 or #8B0000) to meet WCAG AA contrast standards.
Avoid using #1E90FF for small text on #D3D3D3, as the contrast might be insufficient for some users.
Ensure interactive elements (buttons, links) have clear visual states using contrasting colors from the palette, such as #FFD700 on #4B0082.

Recommended combinations

Vibrant Contrast

A light grey background with deep violet text and a brilliant gold accent for headings or key features, offering elegance and impact.

#D3D3D3 · #4B0082 · #FFD700

Bold Statements

Bold blue as a primary, vibrant gold as a striking accent, and deep red for dramatic secondary elements or calls to action.

#1E90FF · #FFD700 · #8B0000

Architectural Glam

Deep violet as a background, with opulent gold accents and light grey text for a sophisticated and luxurious look.

#4B0082 · #FFD700 · #D3D3D3

CSS variables

:root {
  --art-deco-geometric-1: #1E90FF;
  --art-deco-geometric-2: #FFD700;
  --art-deco-geometric-3: #8B0000;
  --art-deco-geometric-4: #4B0082;
  --art-deco-geometric-5: #D3D3D3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "art-deco-geometric": {
        1: "#1E90FF",
        2: "#FFD700",
        3: "#8B0000",
        4: "#4B0082",
        5: "#D3D3D3",
      }
    }
  }
}

Hex values

Color 1#1E90FF

Color 2#FFD700

Color 3#8B0000

Color 4#4B0082

Color 5#D3D3D3

Accessibility

Contrast checker

2.3:1Fail

3.1:1AA18

4:1AA18

2.2:1Fail

2.3:1Fail

7.1:1AAA

9.2:1AAA

1.1:1Fail

3.1:1AA18

7.1:1AAA

1.3:1Fail

6.7:1AA

4:1AA18

9.2:1AAA

1.3:1Fail

8.7:1AAA

2.2:1Fail

1.1:1Fail

6.7:1AA

8.7:1AAA

Similar palettes

More like Art Deco Geometric

View all vibrant

Taffeta Gleam

Art Nouveau Iris

Dragonfly Wing Iridescence

Emerald City Gleam

Gilded Age Opulence

Gilded Era Gleam