Tranquili Teal

#6c9da9

Save

About Tranquili Teal

Tranquili Teal looks like the first cool shade you notice in a fogged window at midday: soft, not heavy, and not gray enough to feel purely corporate. Compared with Seaside, it holds onto more color depth, so it reads present rather than sea-glass clean. Versus Atlas Cedar, it doesn't carry that buried warmth, so the mood stays steadier and more blue-leaning. And unlike Cavolo Nero, it avoids that anchored depth, staying mid-light instead of weighty.

I use it for dashboards and finance apps when the UI needs calm continuity across panels and components, especially in light-mode surfaces like card backgrounds, table chrome, and section headers. It also works well for chart scaffolding and annotation pills where you want the data to lead but the interface still feels coordinated. Think the one you reach for when you're trying to match tones across states without drifting into the more muted, greener pull of Atlas Cedar.

Pair it with crisp blues and neutral charcoals; if your grays are already blue-tinted, this one can start to look samey fast.

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 Tranquili Teal

Open the generator with this color pre-loaded.

Start creating