Cerulean Skies
#8cc6cb
Brighter cyan-blue for crisp headers and section bars
About Cerulean Skies
Cerulean Skies splits the difference between Continental Waters' teal lean and Airborne's pure cool, it's lighter and less saturated than both, which means it actually breathes on a screen instead of anchoring or receding. You get blue that reads as blue, not teal, not gray, not the color of air itself. It's the midtone that doesn't try too hard.
Reach for this in product dashboards, SaaS interfaces, and health apps where you need a secondary surface that feels present but doesn't demand. Card backgrounds, section dividers, form field backgrounds, places where you want enough color to signal intent without competing with typography or data. It sits calmer than Clear Water's grounded warmth and lighter than Continental Waters' saturation, which gives it room to work in tighter, more minimal layouts.
Pair it with dark slate or charcoal text and it holds. The catch: on cooler displays it can drift toward gray, so check your actual context early. It's the kind of blue that works best when you're not asking it to carry contrast by itself.
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.