Fairy Tale Green
#88cc55
Soft, creamy yellow-green for playful charts and margins
About Fairy Tale Green
I keep Fairy Tale Green up my sleeve for those moments when standard lime greens look a little too sharp, like they're about to take over the UI. This one lands lighter and softer, with a gentle, fairy-tale feel that reads clearly as green without going neon or leafy-yellow.
Compared to Aromatic Herbs, it's less grounded and less muted. Against Bergamot, it loses some of that bright, energetic punch. And unlike Fluorescence, it doesn't look lit-from-within. The result is the kind of shade I reach for when you want light, friendly clarity on green UI elements, especially in dashboards and mapping panels for logistics and transit, and in e-commerce admin screens where status needs to be noticeable but not frantic. It's also great on packaging mockups and product cards for wellness brands that want clean progress states.
Pair it with warm whites, sand, or pale greige so it stays airy instead of flat, and keep it off very cool gray backgrounds if the rest of your palette is chilly.
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.