Bullfrog
#8a966a
Light, balanced green with fresh, yellow-leaning calm
About Bullfrog
Bullfrog sits in that narrow band where green stops feeling like it's trying to prove something. It's got enough yellow underneath to feel alive, but it doesn't push forward the way Buckingham Gardens does. The saturation is there, it won't flatten or shift toward gray depending on what's next to it, but the overall temperature lands cooler and more restrained than Backyard, which means it settles instead of announces.
This is the one I reach for on health apps, environmental dashboards, and productivity tools where you need green that feels trustworthy without being corporate. It reads cleanly as a background color without fatiguing at scale, pairs naturally with warm and cool neutrals alike, and actually maintains its character across different screen temperatures. Unlike Artichoke's studied mutedness, Bullfrog has real presence without demanding attention. It's got more structural weight than the brighter greens but refuses to compete with content.
Pair it with charcoal type, warm grays, or soft white and it just stays put. The catch: test it at actual size first. It's the kind of color that reads differently in a component versus spread across a full section, but once you see it at scale, you'll know immediately if it's the right fit.
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.