Mermaid’s Kiss
#59c8a5
Cooler, deeper mint-teal for softer Blue accents
About Mermaid’s Kiss
I keep thinking of sea-glass left in shade a little longer than usual, because Mermaid's Kiss lands softer than the punchy teals while still keeping its teal identity. Compared to Cockatoo, it has less "on" saturation and feels more cushioned, not energized. Compared to Celadon Porcelain, it's deeper and more present, with a slightly cooler tilt that keeps it from looking washed.
This is the shade I use when you want calm clarity in blue-family UI. Put it behind chips, tag highlights, and map or schedule elements in healthcare apps and dashboards and finance apps where the interface needs to feel active, but not like it's shouting. It also works well for subtle progress and success states, and for secondary charts where you need color separation without overpowering the primary data. I like it with dark charcoal type and cool neutrals.
One quirk: if your surrounding background is already very green, it can read closer to that lane than you expect, so always sanity-check it against your real surfaces.
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.