Kermit Green
#5cb200
Balanced medium green with lime punch for UI
About Kermit Green
Kermit Green looks like a traffic light that's been calibrated for software: noticeably greener than the airier Luigis, and more saturated and decisive than Exit Light's sign-glow. It also avoids Extra Life's sharper, game-HUD punch. This one feels a touch deeper and cooler, with a denser midtone that reads grounded without going mossy or wet.
I use Kermit Green when you need "confirmed, keep going" state in interfaces that are already busy. Think warehouse dispatch and routing confirmations, clinical workflow checkmarks on chart-style screens, payments and settlement progress in ops dashboards, and feature rollout badges where you want attention without slipping into alert-neon energy. It sits well in dark UI too, because the cool undertone holds its clarity even when other greens get overwhelmed.
Pair it with near-black or cool slate, and if you place it beside warmer greens, keep those as accents. Otherwise the temperature contrast can make Kermit Green feel artificially restrained instead of reliably confident.
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.
