Starship Tonic

#cce7e8

Save

About Starship Tonic

On a morning UI mock, Starship Tonic reads like a lighter, cooler gray that still feels slightly weighted, not floaty. It's that calm, misty surface you see when the brightness is high but the tint stays controlled.

Compared with Queen of Waves, it's less neutral-water and a bit more crisp, with a calmer gray-blue direction instead of a softer, steady neutrality. Versus Jet d'Eau, it avoids the sharper condensation chill and holds closer to true gray. And next to Mint Chip, it doesn't go green at all, so the "fresh" stays more measured and gray-forward. I like it for dashboards and finance apps UI where you need secondary backgrounds that keep typography legible without turning frosty, especially for healthcare portals, fintech admin screens, and document-heavy web layouts.

One quirk: pair it with warmer off-whites and it holds its coolness cleanly; pair it with very teal-adjacent grays and it stays composed instead of getting icy.

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 Starship Tonic

Open the generator with this color pre-loaded.

Start creating