Teal Me No Lies
#0daca7
Mid teal balance, cleaner blue-leaning than neighbors
About Teal Me No Lies
Teal Me No Lies looks like a clean teal marker line on a white spec sheet, but with a little more weight than the brighter teals in this set. Compared with Billiard, it's less electric and less saturated, so it won't feel like it's pushing toward cyan. Compared with Waterfall, it's deeper and more consistently teal-blue, not that cooled, post-splash paler wash.
For real UI work, this is the shade I use when the interface needs to feel decisive without getting loud: dashboards and finance apps where selected rows and secondary actions need clear state separation, health platforms for section headers and status tags, and SaaS tables for callout borders that should look confident next to neutral chrome. It also holds up well on product screenshots and marketing cards where teal needs to read as "feature" rather than "highlight."
One note: because it's a bit darker than Waterfall, pair it with crisp light neutrals and avoid letting it sit on warm grays, where it can start to feel heavier than you planned. This is the one you reach for when you want teal presence with control.
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.