Emerald Glitter
#66bb00
Brighter mint-green balance for secondary charts and badges
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 Crude Banana, and it doesn't go cool and isolated like Alienated. Compared to Battletoad, 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.
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
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
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
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.