Leek

#98d98e

Muted pale green for gentle, fresh UI backgrounds

Save
Share

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 , and it doesn't have 's cooler, office-tint calm. Compared to , 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.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
1.66:1Fail

On Gray 100 #f5f5f5

Aa
1.52:1Fail

On Gray 900 #18181b

Aa
10.67:1AAA

On Black #000000

Aa
12.65:1AAA

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

#a5d785
#9fd385
#afd77f

Create a gradient with Leek

Open the generator with this color pre-loaded.

Start creating