Emerald Glitter

#66bb00

Brighter mint-green balance for secondary charts and badges

Save
Share

About Emerald Glitter

Emerald Glitter looks like moss caught under a bright shop light. It's a green that stays saturated and crisp, but it doesn't tip toward yellow like , and it doesn't go cool and isolated like . Compared to , it feels a touch more polished: the glow is tighter and more "glassy" than plant-warm, so it reads clean at small sizes.

I use it for product UI where the signal needs to feel premium, not urgent. Think fintech and inventory screens, shipment tracking, experiment status states, and admin panels in logistics or health systems that track live throughput. It also holds up in marketing artwork for sustainability brands when you want the green to look intentional rather than overgrown. It's the one you reach for when you need green to feel earned, with dashboards and finance apps precision, not neon noise.

Pair it with near-black, slate, or soft off-whites; too much white makes it look sharp. If you need friendly warmth, choose something warmer. If you need separateness, skip it for the cooler greens.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Code snippets

Copy this color into your project.

Contrast checker

WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.

On White #ffffff

Aa
2.42:1Fail

On Gray 100 #f5f5f5

Aa
2.22:1Fail

On Gray 900 #18181b

Aa
7.32:1AAA

On Black #000000

Aa
8.67:1AAA

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

#58bc08
#55bb33
#4cbb17
#6ab417
#7bc027

Create a gradient with Emerald Glitter

Open the generator with this color pre-loaded.

Start creating