Treetop

#91b6ac

Lighter, calmer blue-green than Ninja Turtle and Lichen

Save
Share

About Treetop

On a form sheet or a map legend, Treetop reads like a fresh minty teal that actually holds its shape, not the misty wash you get from softer blues. It's lighter and cleaner than , less grounded than , and it doesn't drift as gray-leaf as that muted leaf-gray look. Compared with , it stays a touch more saturated and steadier, so it feels less like a "screen haze" and more like a confident fill.

I use Treetop for primary-to-attention UI moments where you want "active" without going into the heavier, punchier direction. It shows up nicely in dashboards and finance apps for status chips, live callouts, and highlighted map pins in logistics and healthcare scheduling. It also works well for section headers and selected table rows in analytics portals where the interface needs clarity at a glance.

One caution: pair it with neutral grays that aren't too cool, or Treetop can feel slightly floaty compared to your other surfaces. I like the one you reach for when you need calm emphasis, not a minty whisper.

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

On Gray 100 #f5f5f5

Aa
2.03:1Fail

On Gray 900 #18181b

Aa
8.01:1AAA

On Black #000000

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

#96b3b3
#8ebaa6
#8bb6b8
#98b2b4
#9aafaf
#7cbbae

Create a gradient with Treetop

Open the generator with this color pre-loaded.

Start creating