Honeysuckle
#e8ed69
Light warm chartreuse for gentle status callouts
About Honeysuckle
In mockups, Honeysuckle is the pale green-yellow that shows up like a sunny sticky note without tipping into chartreuse. It reads clearer and airier than Crash Dummy, which can feel a bit too yellow-dependent, and it stays less milk-white than Dolly, so your edges don't blur into near-neutral.
I use it when the UI needs light, friendly lift but not that "highlighter" punch from Illuminating. Think healthcare and food platforms: step badges for onboarding, gentle success states, and background tints behind product info in e-commerce. It also works well in dashboards for retail and logistics where you want progress panels to feel optimistic, not alert.
Pair it with a slightly deeper green or a warm gray border so it holds shape over off-whites. Without that contrast, it can flatten and start to feel like an afterthought.
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.