Basil Smash
#b7e1a1
Lighter olive-mint green for fresh, sunlit panels
About Basil Smash
Basil Smash is the green that actually looks like something you'd crush in your hand, it's got real saturation without the yellow creep that softens its neighbors. Unlike Ambrosia's deliberate richness or Creamy Avocado's warm foreground confidence, this one sits brighter and more direct, the kind of color that reads as fresh herb rather than muted backdrop.
You'll use it on app interfaces for food delivery, agricultural dashboards, and health tracking apps where the green needs to feel alive but not cartoonish. It works as an accent color, a button state, or a secondary palette element that doesn't need heavy contrast to stay legible. Against white it holds steady; against darker neutrals it actually punches harder. Unlike Celery Sceptre's cool, receding pale, this pushes forward.
The thing: it's more saturated than everything around it, which means it demands slightly more careful pairing. It'll make warm creams look warmer, and it won't soften against cool grays the way its gentler siblings do. That's not restraint, that's just the nature of the shade.
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.