Basil
#879f84
Balanced muted sage with calmer olive warmth
About Basil
Basil sits between settled and alive. It's got enough green to read as intentional, but it's wrapped in a soft gray undertone that keeps it from ever feeling fresh or botanical. Warmer than Copper Patina's mineral coolness, but nowhere near as approachable as Catnip's domesticated comfort. This is the green that works best when it's doing something quiet, anchoring type, filling space, not asking for attention.
Reach for it on health platforms, wellness apps, and product dashboards where you need calm that still carries weight. It pairs cleanly with warm grays, cream, and soft stone without disappearing the way Bonsai Garden can. The saturation's there, type reads, logos land, but the color itself has this deliberate restraint, like it knows exactly how much presence the interface needs and nothing more.
Test it against your neutrals first. It'll feel noticeably more muted and warm next to pure white than the cooler greens, which matters if you're building a system where consistency across backgrounds is critical. Pair it with warm materials and it settles immediately. Push it next to cool grays and it flattens. It's not difficult, just particular.
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.