On Cloud Nine
#c2e7e8
Airy pale cyan with warmer neutrality than icy notes
About On Cloud Nine
On Cloud Nine looks like that soft blue you see on a bright morning sky right after the clouds thin out. It's airy and pale, but it doesn't go gray or drift fully into off-white. Compared to the teal-leaning Cold Wave, this one stays more purely blue in tone, and unlike Icy Breeze it holds a touch more weight, so it doesn't feel quite as weightless.
This is the background color I use for SaaS settings pages and customer-facing portals when I want a calm, friendly surface that still feels designed. It's also a strong pick for welcome states and onboarding screens in education platforms and wellness apps, where you need clarity without the neutrality of a blank canvas. The mood reads lighter and more "buoyant" than Gentle Cold, which sits a bit more composed and muted.
Quirk: because it's so light, pair it with crisp borders or deeper panels so it doesn't blur into the surrounding whites. Charcoal or slate works, and so does a slightly stronger blue-gray for UI hierarchy.
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.
