Thalassa

#53b1ba

Save

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.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Create a gradient with Thalassa

Open the generator with this color pre-loaded.

Start creating