Waterfall
#3ab0a2
Lighter waterfall teal with crisp, airy blue-green
About Waterfall
I keep seeing Waterfall look like the moment after a splash, when the teal is still wet but the air has cooled. It's lighter than Ambrosial Oceanside and less saturated than Billiard, so it won't punch through a dense UI the way those do. Compared to Water Park, it holds a steadier blue-lean, with less minty bounce and more calm water depth.
For dashboards and finance apps, I like it on key surfaces where you want clarity without the "too loud" feeling. Think primary CTA fills, selected data-band backgrounds, and high-contrast interaction states on health SaaS screens with lots of labels. It reads crisp against mid and dark neutrals, and it stays readable without sliding into that seaweed softness some greener teals pick up.
If your palette runs warm, test it early. Waterfall can feel a touch paler and more muted next to honeyed grays, so I usually pair it with charcoal type and cooler off-whites to keep it anchored. This is the one you reach for when you want teal presence with restraint.
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.