Herbalist
#969e86
Earthy olive green for grounded UI accents
About Herbalist
Herbalist reads like a fresh herb tucked into a muted palette: soft green with a slightly earthy, gray-kissed calm. Compared to Edamame, it has more weight and turns less "green drift," and compared to Fennelly it feels cleaner and more balanced, not as dusty or olive-forward. Artichoke is the quieter cousin with more sage structure; Herbalist stays greener and a touch more open in brightness.
I like it for surfaces where you want greenery without sliding into sage or beige. It shows up well in dashboards and finance apps too, but it's the the one you reach for when the background should feel lightly botanical rather than strictly neutral. Think internal admin panels for healthcare ops, supply-chain monitoring screens, and documentation areas that need a steady tone across long reading sessions. Pressed, mid-soft green is the vibe, especially behind filters, empty states, and table headers.
Pair it with warm off-whites and medium espresso, and watch for high-contrast whites that can make it feel slightly washed. If your UI runs very cool, add a warmer gray so Herbalist doesn't drift toward tired.
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.