Wasabi

#afd77f

Lighter, gentler lime green for soft highlights

Save
Share

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 lives in. Compared to , 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 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.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
1.63:1Fail

On Gray 100 #f5f5f5

Aa
1.50:1Fail

On Gray 900 #18181b

Aa
10.84:1AAA

On Black #000000

Aa
12.85:1AAA

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

#a5d785
#9fd385
#98d98e
#bed565
#b1cf5d

Create a gradient with Wasabi

Open the generator with this color pre-loaded.

Start creating