Palette

Art Deco Emerald Pool

Deep, opulent greens and teal, evoking the lavish, geometric elegance of the Art Deco era's hidden pools.

vibrantelegant5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#004D40#00796B#00A389#33CCAA#66E0CC

Palette guide

How to use Art Deco Emerald Pool

Overview

The Art Deco Emerald Pool palette features deep, opulent greens and teals, evoking the lavish, geometric elegance of the Art Deco era's hidden pools. Key colors include the dark emerald #004D40, the vibrant teal #33CCAA, and the airy light mint #66E0CC. This collection is perfect for projects demanding a luxurious and refreshing aesthetic. Developers can implement these rich hues for engaging UI elements and sophisticated digital environments. Designers will find this palette ideal for luxury spa branding, high-end fashion, or exclusive club interiors, ensuring a polished and timeless appeal that conveys both depth and vitality.

Best used for

Luxury spa and wellness branding
High-end fashion and jewelry design
Exclusive club interiors
Sophisticated web design
Tropical resort marketing
Nature-inspired luxury products

Suggested color roles

primary

Establish #004D40 as the foundational color for strong statements, main text, or impactful graphical elements, providing a deep, luxurious anchor.

secondary

Utilize #00796B for supporting content, sub-headings, or prominent graphical elements, offering a rich and versatile emerald green.

accent

Incorporate #33CCAA for vibrant highlights, interactive elements, or a refreshing pop of color, drawing attention effectively.

background

Apply #66E0CC as the primary background color to create a fresh, airy, and clean canvas that enhances readability and lightness.

text

For optimal readability on light backgrounds, #004D40 offers excellent contrast. For text on darker greens, use white or #66E0CC.

Accessibility notes

Ensure #004D40 has sufficient contrast for body text on #66E0CC to meet WCAG AA standards.
When using #00796B or #00A389 for text, check contrast against lighter greens like #66E0CC, especially for smaller font sizes.
The vibrant accent #33CCAA works well for calls-to-action against darker greens, ensuring high visibility.
For a clean aesthetic, pair white text with the darker emeralds (#004D40, #00796B) for headers and important information.

Recommended combinations

Emerald Glow

A light mint background with deep emerald text and a vibrant teal accent for headings or interactive elements, creating a fresh look.

#66E0CC · #004D40 · #33CCAA

Deep Teal

Deep emerald as a primary, a brighter teal for supporting elements, and light mint for subtle highlights and depth.

#004D40 · #00A389 · #66E0CC

Vibrant Pool

Mid-emerald as a primary, with a vibrant teal accent and dark emerald for text or structural elements, for an energetic feel.

#00796B · #33CCAA · #004D40

CSS variables

:root {
  --art-deco-emerald-pool-1: #004D40;
  --art-deco-emerald-pool-2: #00796B;
  --art-deco-emerald-pool-3: #00A389;
  --art-deco-emerald-pool-4: #33CCAA;
  --art-deco-emerald-pool-5: #66E0CC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "art-deco-emerald-pool": {
        1: "#004D40",
        2: "#00796B",
        3: "#00A389",
        4: "#33CCAA",
        5: "#66E0CC",
      }
    }
  }
}

Hex values

Color 1#004D40

Color 2#00796B

Color 3#00A389

Color 4#33CCAA

Color 5#66E0CC

Accessibility

Contrast checker

1.8:1Fail

3.1:1AA18

4.9:1AA

6.1:1AA

1.8:1Fail

1.7:1Fail

2.6:1Fail

3.3:1AA18

3.1:1AA18

1.7:1Fail

1.6:1Fail

2:1Fail

4.9:1AA

2.6:1Fail

1.6:1Fail

1.3:1Fail

6.1:1AA

3.3:1AA18

2:1Fail

1.3:1Fail

Similar palettes

More like Art Deco Emerald Pool

View all vibrant

Crimson Royal Gem

Emerald City Glaze

Emerald Gemstone Luster

Gatsby Green Glam

Regal Emerald Bloom

Art Deco Elegance