Ninja Turtle

#94b1a9

Soft blue-green with cooler teal hush, sharper than lichen

Save
Share

About Ninja Turtle

Ninja Turtle sits in that familiar green-blue lane, but this one lands a little deeper and more grounded than the softer mints around it. It has a cooler undertone than , yet it doesn't carry 's extra warmth. Compared to , it feels less airy and more saturated, like the tint was adjusted for daylight rather than screen glow.

I use it for primary-to-attention UI moments where you still want calm, like status chips, live callouts, and map markers in healthcare scheduling systems. It works well across dashboards and finance apps, especially for hover states and focused card fills that need to read as "active" without tipping into the gray drift you can get from . Pair it with charcoal text and clean, neutral panels so the shade stays the main character.

Quirk: on very bright whites, it can look heavier than , so let your supporting grays stay slightly cooler and keep borders thin.

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.30:1Fail

On Gray 100 #f5f5f5

Aa
2.11:1Fail

On Gray 900 #18181b

Aa
7.69:1AAA

On Black #000000

Aa
9.12: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

#91b6ac
#9aafaf
#96b3b3
#98b2b4
#8bb6b8

Create a gradient with Ninja Turtle

Open the generator with this color pre-loaded.

Start creating