Green Envy
#77aa00
Cleaner, brighter lime-green for fresh emphasis blocks
About Green Envy
On my screen, Green Envy looks like a leaf-green that got daylight on it and kept its composure. It's noticeably lighter and cleaner than Guardian of Gardens, and it doesn't drift toward the lemony edge of Gameboy Screen. Compared to Extra Life, it feels less "game HUD" and more settled, with a dry, balanced midtone instead of a fresh, punchy pop.
I reach for it when you need green that reads confident without turning into an urgency cue. It shows up well in green infrastructure and field-ops products where you're mapping assets, tracking batches, or marking verified states. It's also a solid fit for asset status badges and "ready" indicators in logistics and agriculture tech, especially on charts and map overlays where the green has to stay legible over real imagery but not shout like Extra Life.
Pair it carefully next to very cool grays, because it can start to look a touch thin. Warm creams and light wood keep it grounded and make it feel more like maintained growth than a broadcast alert.
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.
