Frog Prince
#bbd75a
Sunlit yellow-green for softer, gentler highlights
About Frog Prince
Frog Prince looks like spring leaves after a rain, but it leans noticeably toward yellow and gold instead of sitting in full green. It's lighter and more saturated than Conifer, yet it feels less "ready to sprint" than Badass Grass. Where those read as energetic signals, this one settles into a softer, sunlit presence.
I use it in product UIs where you want warmth without the caution vibe: onboarding steps, culinary or agriculture dashboards, and wellness content cards that need to feel friendly rather than urgent. It also works well in marketing thumbnails for lifestyle apps and retail promos, especially when the rest of the layout is kept neutral so the color can do the talking.
Compared with Cool as a Cucumber, Frog Prince is less grayed-out and more cheerful. Just don't drop it next to very pale creams without contrast checks, because the yellow undertone can blend into low-contrast light backgrounds.
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.