Wasabi
#afd77f
Lighter, gentler lime green for soft highlights
About Wasabi
Wasabi looks like a fresh lime slice caught in direct daylight, but it stays orderly instead of neon. The chartreuse kick is there, yet it doesn't tip into the dusty "mint" lane that Gossip lives in. Compared to Feijoa, it reads more saturated and more assertively yellow-green, so it feels sharper and less airy.
For UI, this is the quick-hit green I use when you want attention without going warning-red: product badges, key callouts on logistics and supply screens, and "next step" highlights in onboarding. It also holds up in agriculture and food dashboards where you need "active" states to look confident. I treat it like the one you reach for when Glow Worm feels too soft and pearly, because Wasabi lands with cleaner color punch.
Pairing note: next to very pale neutrals it can feel a bit loud, so I'll often balance it with deeper green text or a cooler gray border for structure.
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.