Palette

Emerald Gemstone Luster

A opulent collection of emerald greens, deep and shimmering, evoking precious gemstones and luxury.

vibrantelegant5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Emerald Gemstone Luster 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 Emerald Gemstone Luster.

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

Data visualization

#004A2F#007D4C#00B171#5CE3A0#A0FFCD

Palette guide

How to use Emerald Gemstone Luster

Overview

The Emerald Gemstone Luster palette (ID: emerald-gemstone-luster-2) is an opulent collection of emerald greens, deep and shimmering, evoking precious gemstones and luxury. It features the profound #004A2F, the rich #007D4C, and the balanced #00B171, transitioning to the lively #5CE3A0 and the radiant #A0FFCD. This palette is exceptionally elegant and vibrant, perfect for designs that aim to convey sophistication, luxury, and a touch of preciousness. It's an excellent choice for high-end branding, jewelry marketing, or digital interfaces seeking a refined, opulent, and harmonious aesthetic with a strong emphasis on shimmering emerald tones.

Best used for

Luxury brand identity and packaging
Jewelry marketing and e-commerce websites
High-end fashion editorial design
Event branding for galas or upscale parties
Digital art with gemstone or fantasy themes
Interactive web experiences with a premium feel

Suggested color roles

primary

Use #004A2F for dominant elements, headers, or backgrounds to establish depth, luxury, and a strong foundation.

secondary

Employ #007D4C or #00B171 for supporting graphics, subheadings, or interactive elements, adding richness and texture.

accent

Apply #A0FFCD for subtle highlights, delicate patterns, or ethereal background accents to introduce lightness and sparkle.

background

Utilize #A0FFCD for clean, airy backgrounds that allow the deeper greens to shine while maintaining a soft, inviting feel.

text

For body text, use a dark charcoal like #333333. For headlines on lighter backgrounds, #004A2F provides excellent readability. Use white for text on #004A2F.

Accessibility notes

Ensure #004A2F or #007D4C text on #A0FFCD meets WCAG contrast standards.
Avoid using #A0FFCD for small text on light backgrounds; it's best for large headlines or accents.
The lighter greens #5CE3A0 and #A0FFCD may have low contrast when used together; separate them.
Pair #004A2F with #A0FFCD for a high-contrast, accessible combination for primary content.

Recommended combinations

Deep Luster

Ideal for creating a profound, luxurious feel in branding, website hero sections, or illustrations with gemstone textures.

#004A2F · #007D4C · #00B171

Glimmering Sparkle

Perfect for light UI elements, background gradients, or decorative patterns that need to convey freshness and sparkle.

#00B171 · #5CE3A0 · #A0FFCD

Opulent Contrast

Use for impactful call-to-action buttons, key highlights, or sections that require a bold yet elegantly inviting visual statement.

#004A2F · #A0FFCD · #5CE3A0

CSS variables

:root {
  --emerald-gemstone-luster-2-1: #004A2F;
  --emerald-gemstone-luster-2-2: #007D4C;
  --emerald-gemstone-luster-2-3: #00B171;
  --emerald-gemstone-luster-2-4: #5CE3A0;
  --emerald-gemstone-luster-2-5: #A0FFCD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "emerald-gemstone-luster-2": {
        1: "#004A2F",
        2: "#007D4C",
        3: "#00B171",
        4: "#5CE3A0",
        5: "#A0FFCD",
      }
    }
  }
}

Hex values

Color 1#004A2F

Color 2#007D4C

Color 3#00B171

Color 4#5CE3A0

Color 5#A0FFCD

Accessibility

Contrast checker

2:1Fail

3.7:1AA18

6.4:1AA

8.8:1AAA

2:1Fail

1.9:1Fail

3.2:1AA18

4.4:1AA18

3.7:1AA18

1.9:1Fail

1.7:1Fail

2.3:1Fail

6.4:1AA

3.2:1AA18

1.7:1Fail

1.4:1Fail

8.8:1AAA

4.4:1AA18

2.3:1Fail

1.4:1Fail

Similar palettes

More like Emerald Gemstone Luster

View all vibrant

Opulent Jade Bloom

Art Deco Emerald Pool