Kiss a Frog
#bec187
Warm muted olive-gold for airy, earthy green space
About Kiss a Frog
There's a moment when I pull this shade from a PDF background and it looks like fresh leaf, but softened by indoor light. Kiss a Frog lands light and noticeably green, not graywashed like Animal Kingdom, and not sand-warm like Beige and Sage. It keeps its character without drifting toward the yellow-green tint you get in Muted Lime.
I reach for it when the interface needs a calm, readable surface that still signals "green" on first glance. Think dashboards and inventory tools in retail and supply chains, plus editorial components like section headers and supporting panels on publishing sites. It's the one you reach for when your highlights need to feel breathable rather than yellow, and it pairs cleanly with warm neutrals and medium browns.
Quirk: because it's lighter than those nearby sage-leaning options, it can feel a touch airy next to very deep olives. If you want more weight, anchor it with darker text or a richer green border.
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.
