Back to palettes

Palette

Art Deco Geometry

Luxurious golds and deep teal greens paired with sharp contrasts, evoking the bold sophistication of Art Deco.

elegantelegant5 colors
More elegant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#3D3D3D#0C5C5B#B88B4B#EED79D#FDFDE9

Palette guide

How to use Art Deco Geometry

Overview

The Art Deco Geometry palette features luxurious golds and deep teal greens paired with sharp contrasts, evoking the bold sophistication of Art Deco. Key colors include the rich antique gold #B88B4B, the deep teal green #0C5C5B, and the versatile dark charcoal #3D3D3D, complemented by a soft cream #FDFDE9. This collection is perfect for projects demanding a sense of opulence, vintage charm, and modern elegance. Developers can implement these strong contrasts for clear UI structures and impactful digital experiences. Designers will find this palette ideal for luxury branding, high-end packaging, or sophisticated web design, ensuring a polished and timeless appeal.

Best used for

  • Luxury brand identity
  • High-end packaging design
  • Vintage poster aesthetics
  • Sophisticated web design
  • Interior design accents
  • Art gallery promotions

Suggested color roles

primary

Establish #3D3D3D as the foundational color for strong statements, main text, or impactful graphical elements, providing a deep, elegant anchor.

secondary

Utilize #0C5C5B for rich supporting sections, sub-headings, or elegant backgrounds, offering a deep and luxurious teal green.

accent

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

background

Apply #FDFDE9 as the primary background color, providing a warm, clean, and sophisticated canvas that enhances readability.

text

For primary text on light backgrounds, #3D3D3D offers excellent contrast. For text on darker backgrounds like #0C5C5B, use #FDFDE9 or white.

Accessibility notes

  • The contrast between #3D3D3D and #FDFDE9 is excellent, ensuring high readability for all text sizes.
  • When using #B88B4B (gold) for text, ensure it is on a sufficiently dark background (e.g., #0C5C5B or #3D3D3D) to meet WCAG AA contrast standards.
  • Avoid using #EED79D for small text on #FDFDE9, 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 #B88B4B on #0C5C5B.

Recommended combinations

Gilded Teal

A warm cream background with dark charcoal text and an antique gold accent for luxurious and highly readable content.

#FDFDE9 · #3D3D3D · #B88B4B

Deep Luxe Geometry

Deep teal green as a rich background, with opulent gold accents and light gold support for elegant visual sections.

#0C5C5B · #B88B4B · #EED79D

Classic Contrast

Charcoal black as a primary, light gold for striking highlights, and deep teal for subtle metallic details or secondary elements.

#3D3D3D · #EED79D · #0C5C5B

CSS variables

:root {
  --art-deco-geometry-1: #3D3D3D;
  --art-deco-geometry-2: #0C5C5B;
  --art-deco-geometry-3: #B88B4B;
  --art-deco-geometry-4: #EED79D;
  --art-deco-geometry-5: #FDFDE9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "art-deco-geometry": {
        1: "#3D3D3D",
        2: "#0C5C5B",
        3: "#B88B4B",
        4: "#EED79D",
        5: "#FDFDE9",
      }
    }
  }
}

Related searches

art deco gold tealelegant geometric colorsluxurious retro palettebold gold greensophisticated art deco

Palette colors

Hex values

Color 1#3D3D3D
·
Color 2#0C5C5B
·
Color 3#B88B4B
·
Color 4#EED79D
·
Color 5#FDFDE9
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
3.5:1AA18
7.7:1AAA
10.6:1AAA
2
1.4:1Fail
2.5:1Fail
5.5:1AA
7.6:1AAA
3
3.5:1AA18
2.5:1Fail
2.2:1Fail
3:1Fail
4
7.7:1AAA
5.5:1AA
2.2:1Fail
1.4:1Fail
5
10.6:1AAA
7.6:1AAA
3:1Fail
1.4:1Fail

Similar palettes

More like Art Deco Geometry

View all elegant
Art Nouveau Dream
Art Nouveau Elegance
Baroque Velvet Splendor
Gatsby Era Elegance
Gatsby Era Glamour
Gilded Deco Elegance