Frog
#58bc08
Cool, bright green for primary action highlights
About Frog
Frog reads like a wet leaf left in shade: bright enough to feel alive, but with a calmer, grounded glow than the tighter shine of Emerald Glitter. Compared with Crude Banana, it has less yellow warmth, so it doesn't drift toward "grown" and casual. And against Alienated, Frog stays more friendly and natural, not isolated or deliberately synthetic.
I use Frog for interfaces where you want clear status feedback without the "alert" vibe. Think logistics tracking, inventory and warehouse management, clinical scheduling screens, and sustainability dashboards that update all day. It's the kind of green that holds legibility on medium surfaces without turning neon, and it works harder than it looks when you need repeatable UI states across lots of small components.
Pair it with deep charcoal or cool slate, plus soft off-whites. Warm whites can muddy it, and if you stack it next to Alienated, the contrast will feel more like separation than meaning.
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.