Teal Me No Lies

#0daca7

Mid teal balance, cleaner blue-leaning than neighbors

Save
Share

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 , it's less electric and less saturated, so it won't feel like it's pushing toward cyan. Compared with , 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 , 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.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
2.81:1Fail

On Gray 100 #f5f5f5

Aa
2.58:1Fail

On Gray 900 #18181b

Aa
6.31:1AAAAA Large

On Black #000000

Aa
7.48:1AAA

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Teal Me No Lies

Open the generator with this color pre-loaded.

Start creating