Italian Basil
#5f6957
Softer, cooler green for balanced side panels
About Italian Basil
Italian Basil always reads like fresh leaves caught just after shade. It's greener than Hinterland, not muted or gray, and it doesn't tip into Bancha's brown-leaning seriousness. Compared to Cactus, it stays more saturated and more alive, so it doesn't flatten into that dried-sage neutrality.
On a layout, I use it when I want the brand to feel botanical without looking "earthy." Think food and beverage labels for herbs and sauces, tea and apothecary packaging, and editorial section headers where you need color that still holds type crisply. In UI, it's a solid choice for form states, callouts, and documentation sidebars on light backgrounds, especially when the surrounding whites are warm rather than cool. It also behaves nicely next to deep charcoals for charts and data callouts, where you don't want the green to disappear.
If you pair it with overly cool grays, it can start to feel a little stark. Let your neutrals lean warm, and it stays grounded but sharp, the one you reach for when you need green with actual daylight.
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.