Leaf
#71aa34
Soft yellow-green for calm accents and charts
About Leaf
Leaf looks like the first real sprout in bright sun, but with the edge taken off. It's a mid-light, medium-saturated green that feels fresher and more breathable than Green Symphony, and less clipped than Natural Order. Compared to Green Envy, it doesn't read as dry or flat, and it avoids that lemon-leaning "kept under daylight" vibe.
For UI, I use Leaf when the state needs to feel healthy and current without tipping into alert territory. It's great for field monitoring dashboards, equipment maintenance screens, and logistics views where you're labeling zones, batch stages, or route progress on top of map imagery. Think crop tracking cards, fleet upkeep checklists, and inventory workflow steps that should look decisive but not loud.
One quirk: Leaf's undertone stays distinctly green rather than drifting cool-blue. If your surrounding grays are too icy, it can look slightly washed; pair it with neutral off-whites and soft warm-beige surfaces to keep it grounded.
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.