Water Leaf
#b6ecde
Lighter mint-blue for clean, fresh spacing
About Water Leaf
On my mockups, Water Leaf looks like a light teal wash that never quite turns into blue-gray. It's noticeably more green-leaning than Ice Cube, and it keeps a gentler saturation than Bay, so it reads as a soft sheet of color rather than a "place marker." The coolness is there, but it feels watery and airy instead of crisp.
I use it when I want a primary surface that still has identity, especially in blue-sky light-mode layouts. Think dashboards in health and logistics platforms, settings panels, empty states, and subtle cards in SaaS. Compared with Fresh Breeze, Water Leaf doesn't disappear. It's still restrained, but the tint holds just enough for the UI to feel designed, not accidental.
Pair it with deeper teals or charcoal to keep structure. If you stack too many other pastels on top, it can start to blend into them and lose that soft "sheet" effect.
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.
