Thalassa
#53b1ba
Softer, more muted teal-blue for restful layouts
About Thalassa
Thalassa looks like a beach-side blue pulled slightly back from cyan. It's light but not airy, with a softer edge and a steadier tone than Viking, so it reads more like sea glass than sky. Compared to Glassmith, it's a touch more saturated and less grounded, and it keeps its identity instead of feeling almost neutral. It also sits cooler than Finnish Fiord, with less of that gentle warmth-in-the-underpaint.
I use Thalassa when I want the one you reach for when an interface needs clarity without the high-pitch feel of brighter teals. It works well in health platforms (table headers, status pills, quiet CTA backgrounds), plus productivity dashboards and logistics portals where charts and filters have to stay readable. On light UIs, it gives you a clean hover state and accent line that doesn't punch.
One quirk: on very warm displays it can creep toward a lighter aqua. If your grays run warm, test it against them so it doesn't start competing with the surface.
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.