May Green
#4c9141
Balanced midtone green for calm data states
About May Green
May Green feels like the first shade you'd pick when a field looks healthy but not overdone. It's noticeably lighter and smoother than the deeper greens around it, so it doesn't take on that mid-range weight you might notice in Fern. Compared to Indica, it reads a bit cleaner and more forward, with less of that cultivated, steady neutrality. And next to Kryptonite Green, it won't try to signal-punch your UI. It stays calmer.
For UI, this is the green you reach for when you want status and labels to feel fresh without drifting toward yellow heat or mossy darkness. I've used May Green for green status and chip states in logistics and fleet portals, for section headers in agtech dashboards, and on product pages for ingredients and herb-forward brands where the color needs to look "alive" but controlled. It also sits well in editorial thumbnails and map legends over light layouts, staying readable.
Quick pairing note: keep it away from very warm creams, or it can start to look washed. With crisp off-whites and light grays, it holds its mood.
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.