Juicy Lime
#b1cf5d
Lighter, punchier lime-green for crisp data accents
About Juicy Lime
Juicy Lime reads like fresh leaf color right after a citrus peel has landed on it. It's lighter than Conifer and it doesn't go gold like Frog Prince. Compared to Glow Worm, it's less pearly and more fruit-saturated, with a straighter green pulse. Where Badass Grass can feel a bit cocky and warm, this one stays crisp and centered, closer to high-sun foliage than a warning signal.
I use it when you want momentum without the "sports alert" tone. Think the one you reach for in ecommerce category highlights, food and ag dashboards, and lifestyle app cards where the rest of the UI is white or light gray. It also works in product onboarding and progress states for health, nutrition, or retail promos, especially when you need the green to stay legible over busy imagery.
One quirk: it can feel too assertive next to yellow-heavy neutrals. Pair it with cooler grays or clean off-whites so it lands as clean, citrus-green focus, not a mix-up.
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.
