Herbivore
#88ee77
Balanced herb green for calm charts and tags
About Herbivore
Herbivore reads like a well-watered meadow leaf, but the color is turned slightly toward soft mint instead of going yellow-lime. It's lighter than the greens that feel more "serious" or sharply alive, yet it doesn't wash out. Compared with Inchworm, it's less highlighter and less airy, with a calmer mid-brightness. Versus Flora, it has a touch more saturation and a steadier green tone, not that early-spring, leaf-hit-light softness.
In UI, I use it when green needs to feel natural without getting too cautious. Think health and skincare product detail pages, ingredient and batch labels for food and personal care, and status tags in operations portals that track inventory or shipping. It also sits nicely in editorial packaging mockups for plant-forward brands when you want an attention green that doesn't drift toward minty "mint candy" or flash like lime.
Quirk: on warm backgrounds it can lean a bit calmer, so pair it with neutral grays or crisp off-whites to keep the undertone true.
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.