Leapfrog
#41a94f
Medium, earthy green with balanced warmth
About Leapfrog
Leapfrog is the green I spot when a sticker label is fresh off the printer and still reads "alive" under office lighting, not the muddy kind. It's lighter than Devil's Grass and Jungle Jewels, and it feels cleaner in temperature: less earthy, less mossy, more leaf-forward. Compared to Matt Green, it comes off noticeably perkier and slightly more saturated, so it doesn't flatten into a muted herbal note.
I use Leapfrog for dashboards and finance apps where you want progress, approvals, or "verified" states to look confident without drifting toward neon. Think fintech ops screens, billing workflow chips, logistics milestone trackers, and inventory maintenance statuses in dense admin tables. It holds emphasis better than Matt Green when the UI is packed with grays, because it keeps its lightness instead of sinking.
Pair it with off-white paper tones or soft sand so the undertone stays crisp. If you sit it beside icy whites, it can start to look a touch too lively, so keep the surrounding neutrals slightly warm.
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.
