Green With Envy
#22bb33
Balanced mid green with crisp yellow warmth
About Green With Envy
Green With Envy looks like fresh paint that's just a shade too confident, bright enough to read instantly, but with a denser, greener undertone than the sign-like clarity of Exit Light. Compared with Frog, it stays tighter and more polished, not wet-leaf grounded. And next to Intoxicate, it avoids that citrus snap, so it doesn't feel charged or quirky in the same way.
I reach for Green With Envy when the UI needs a win-state or verified action color that still feels "business green," not alert green and not mossy. It's great for logistics exceptions resolved, manufacturing quality check confirmations, and pharmacy order workflow badges where green shows up repeatedly across dense tables and form states. It also holds its nerve in fintech and compliance screens that want dashboards and finance apps clarity, staying consistently green without drifting yellow.
Pair it with charcoal or cool slate so it doesn't look too close to neon. And if you stack it beside warmer greens, it'll read more assertive and a bit more reserved at the same time.
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.
