Treasured Teal
#52c1b3
Deeper teal-cyan for confident, grounded blue UI blocks
About Treasured Teal
Picture a teal pool tile that's been in the sun long enough to soften, not to disappear. Treasured Teal reads smoother and more grounded than Cockatoo, which feels punchier and a bit more blue-forward. It's also calmer than Emerald Bliss, since its green warmth is dialed back so it won't feel "alive" in the same way. Versus Spearmint, you get less minty clarity and more blue-rich depth.
Use it when you want accent moments that feel considered across health apps, dashboards and finance apps, and design systems that need a steady hand in cards, badges, and hover states. It's the kind of shade that holds up on secondary buttons without tipping either too green or too icy, making it work as the one you reach for when Celadon Porcelain would wash out and Cockatoo would feel too assertive. Pair with dark charcoal type and it stays crisp, not clinical.
Quick quirk: on very cool grays it can look slightly heavier, so test it against your actual surfaces before you lock spacing and contrast.
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.