Bullfrog

#8a966a

Light, balanced green with fresh, yellow-leaning calm

Save
Share

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 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 , 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.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
3.16:1FailAA Large

On Gray 100 #f5f5f5

Aa
2.90:1Fail

On Gray 900 #18181b

Aa
5.61:1AAAAA Large

On Black #000000

Aa
6.65:1AAAAA Large

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

#879877
#95986b
#7b9a6d
#8f9779
#779966
#8f9b5b

Create a gradient with Bullfrog

Open the generator with this color pre-loaded.

Start creating