Mantis
#74c365
Lighter, cooler chart green with crisp spring energy
About Mantis
Mantis (that #74c365) reminds me of fresh leaves that have been filtered through early-morning shade. It's greener than Emerald Rain, but it doesn't feel soft-wet. And compared to Bermudagrass, it's less lawn-bright and more leaf-sure, like the color has weight. It also avoids the banknote warmth of Dollar Bill, staying firmly green rather than drifting toward yellow money tones.
This is the one you reach for when you want growth and health UI to feel current without turning charty. I've used it on dashboards and finance apps for "in good standing" statuses, and on ag-tech screens where crop monitoring needs to read alive, not industrial. It also works well for progress bars and tag pills in logistics and retail reporting because it stays legible next to neutrals.
Pair it with cooler grays or deep moss accents to keep it crisp. If you drop it next to very warm creams, it can start to look a touch muted at the edges.
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.
