Leek
#98d98e
Muted pale green for gentle, fresh UI backgrounds
About Leek
Leek is the green I notice when a design needs to feel fresh without turning into minty "clean." It sits in that light range, but it's not the airy, fruit-juice look of Feijoa, and it doesn't have Gossip's cooler, office-tint calm. Compared to Enchanted Emerald, it comes across less jewel-dense and more softly leaf-leaning, like a new growth highlight rather than a saturated leaf.
In UI, this is the shade I use for secondary status and progress accents where you want green presence without sprinting toward urgency. Think operations screens for logistics and fleet workflows, sustainability reporting highlights, and onboarding or checkout steps that need "go" energy but still feel gentle next to off-white panels. It also performs well in marketing thumbnails when you want the green to pop without stealing attention from product photography.
Quirk: Leek's undertone reads slightly warm and grassy, so if your layout is already very yellow, it can feel a bit soft. Pair it with a crisper, deeper green type tone for hierarchy.
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.