Cloudless
#d6eafc
Very pale, airy sky blue for backgrounds
About Cloudless
This is the color that sits between sky and nothing, so pale it almost disappears, but light enough that it holds its own against white. Where Blister Pearl leans toward cyan and has personality to spare, Cloudless is softer. More diffuse. It's the kind of blue that doesn't announce itself, which is exactly when you need it.
You'll find it working hard in medical dashboards and SaaS interfaces where you want a cool-toned background that doesn't compete with data or text. It's pale enough for financial software that needs serious, but blue enough to feel like a deliberate choice rather than an accident. Use it in design systems where you need a secondary surface color, something that reads as safe and approachable without the sterility of true grays. It pairs predictably with darker navy or slate, or holds its own anchoring a warm-dominant palette.
The main thing: test it on actual displays. Because it's so light and desaturated, it can read differently depending on your screen's blue temperature. On warmer panels it might skew almost white; on cooler ones it'll show more of its blue spine. Worth checking before you ship it.
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.