Celestial
#007894
Deeper, balanced ocean blue for steady sections
About Celestial
Celestial is the blue that actually sits still. It's darker and more saturated than Bleu Ciel, with none of that drift you get on warm displays, it holds its own without needing perfect conditions. It's also cooler and less weighty than Bermuda, which means it doesn't demand the same contrast breathing room. The difference is temperature: this one leans true blue instead of teal, which keeps it from reading clinical the way some deeper blues can.
Reach for it in fintech dashboards, healthcare platforms, and SaaS products where your primary actions need to feel grounded but not heavy. Active states, key navigation, data highlights that need to land without theatrics. It's got enough presence to work on light and mid-tone backgrounds alike, and pairs clean with both white and gray without strain. The saturation means it won't disappear on you the way lighter blues will on busy layouts.
One thing to watch: it's darker than both Ahoy! Blue and Bleu Ciel, so test it early on your actual background colors. It'll perform, but give it slightly less visual clutter than you would those lighter siblings and it'll work harder for you.
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.