Grotesque Green
#64e986
Soft, opaque green for calm data panels
About Grotesque Green
Grotesque Green is the kind of green you notice on a label that's meant to look "manufactured," not garden-fresh. It sits bright, but it's not airy like Herbivore, and it doesn't feel chilled-clean like Emerald Ice Palace. There's a slightly pungent, dense undertone to it that reads more grown-and-processed than leaf-hit-light.
I use it when the UI needs a detail green that stays unmistakably green without drifting into mint candy or neon tape. It shows up well in health and skincare product pages for ingredient callouts, batch/lot badges, and ingredient highlight chips where you want clarity with weight. It also works in consumer ops and logistics portals for route or compliance states, especially when you need something more assertive than the calmer meadow feel.
One quirk: because it's a little more saturated and slightly darker than the flashier mints, it can overpower warm off-whites. Pair it with neutral grays or cool whites so it doesn't take on a tired, swampy mood. This is the one you reach for when "success green" just won't carry the specificity.
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.