Sour
#e5edb5
Zesty chartreuse-lime pop for high-contrast accents
About Sour
Sour looks like someone brightened a spring leaf but kept it slightly washed, like a fresh page behind a thin veil. It's not the chalky softness of Mellow Mint, which goes more airy and gentle, and it's not the buttery sun-dry feel of Pollen. Compared to Pale Canary, Sour keeps more true green in the mix, so the yellow stays in the background rather than taking over.
I use Sour as a light, green UI base when the screen needs to feel "alive" without reading mint or lemon. In health and wellness apps it works for step banners and calm section headers where you want momentum that still feels clean. In logistics and ag-tech dashboards, it's a strong choice for map legend chips and secondary highlights next to sage and olive-gray, especially when you want contrast without that dusty, pollen-like warmth.
Quirk: because it's higher-leaning toward crisp green, it can feel a bit assertive next to very pale near-whites. I usually anchor it with deeper green-gray text or a cooler neutral so it stays controlled.
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.