Leafy
#679b6a
Mid-light leafy green, cooler and more muted
About Leafy
Leafy looks like a minty crop leaf caught in daylight. Compared to Mosslands, it's clearer and more alive, less damp and less muted. Against Money, it holds onto more green presence instead of settling into a gray-soft wash. And where Endo feels slightly deeper and steadier, Leafy reads a touch brighter with a cleaner, fresher undertone.
I use Leafy for dashboards and finance apps when you want the "good/active" state to feel current, not heavy. It's great for fleet status panels, retail ops alerts, and inventory UIs where you need legibility next to charcoal and neutral charts, without borrowing the warmer olive vibe. It also works well in product screens for labs and care workflows, especially on toggles, selection chips, and section headers.
Pair it with light stone, warm creams, or off-white cards so the freshness stays friendly. If you drop it next to very cool steel grays, it can look a little too crisp, so keep the surrounding neutrals slightly warm.
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.