Cloudless

#d6eafc

Very pale, airy sky blue for backgrounds

Save
Share

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.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
1.23:1Fail

On Gray 100 #f5f5f5

Aa
1.13:1Fail

On Gray 900 #18181b

Aa
14.37:1AAA

On Black #000000

Aa
17.03:1AAA

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Cloudless

Open the generator with this color pre-loaded.

Start creating