Starship Tonic
#cce7e8
Pale blue-gray with gentle warmth for calm surfaces
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.
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.
