Herbal
#29ab87
Softer, medium green-teal for calming charts
About Herbal
Herbal sits in that middle ground where it stops trying so hard. It's warmer than Billiard or Ambrosial Oceanside, there's actual green in it, not just teal chasing cyan, which means it lands friendlier without losing saturation. You get the presence of a real color without the cool clinical edge that makes deeper teals feel demanding.
Reach for it in health apps, productivity tools, and SaaS dashboards where you need an accent that feels approachable but still commands attention. It works particularly well as primary buttons, active navigation states, and key interactive elements on both light and neutral backgrounds. The warmth keeps it from drifting cold under monitor drift the way its cooler neighbors do, and it's saturated enough that it won't flatten against off-whites or light grays.
Pair it with dark type and it reads clean. The difference from Electra: Herbal's slightly more saturated and deeper, so it works harder in dense interfaces. The difference from Billiard or Ambrosial Oceanside: this one breathes. It's the color you reach for when you want teal energy without the temperature commitment.
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.