Sassy Lime
#dfe289
Brighter, cooler chartreuse-green for punchy dividers
About Sassy Lime
Sassy Lime looks like a high-visibility highlighter that stayed calm. On my monitor it reads as a pale, lively green with a crisp, lemon-leaning undertone, not the creamier hush of Garlic Toast and not the softer, sun-wink playfulness of Hippy. Compared with Gold Grillz, it's less muted and less yellowed, so the green shows up first.
I use it when the UI needs fresh clarity without going "notice me" yellow. Think ag-tech and field-monitoring chips, category headers on food and CPG product pages, and subtle map overlays where you want the focus to feel green but still light enough to sit comfortably near white cards. It's also handy for onboarding steps and empty-state illustrations that should feel friendly and current, not dusty.
One quirk: because it's light and fairly clean, it can feel a little too sharp next to cooler grayer greens. I usually pair it with deeper olive tones or warm neutral text so it doesn't look like it's glowing off the page.
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.