About Envy’s Love
On my monitor, Envy's Love lands as a mid-light green that feels fuller and steadier than the punchy spring shades. It's not minty-air like Electric Lettuce, and it doesn't glow from within the way Fluorescence does. Compared to Hello Spring, it's less "juicy wash" and more lush, confident green with a slightly darker, calmer center.
I use Envy's Love when you want "success green" energy without the chart-green intensity. It shows up cleanly in status chips, approvals, and confirmation states for retail admin, logistics tracking, and field service tools. Because it holds its color in UI gradients, it also works well in product and category tiles where the green needs to stay legible over photos and off-whites.
Quirk: it can read a touch heavier next to very bright highlights, so I'll pair it with lighter tints or a neutral border to keep the hierarchy crisp.
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.
