Treetop
#91b6ac
Lighter, calmer blue-green than Ninja Turtle and Lichen
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 Lichen, less grounded than Ninja Turtle, and it doesn't drift as gray-leaf as that muted leaf-gray look. Compared with Mintnight, 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.
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.