Pale Sky

#bdf6fe

Save

About Pale Sky

I keep Pale Sky for that moment when a design needs to feel crisp, but not icy. Compared to Friendly Frost's whisper-edge subtlety, this one has more presence. It's also softer than Ice Citadel's sharper frozen cast, and less teal-leaning than the breezier blues, so it stays distinctly sky-blue rather than clinical.

It's my go-to for lightweight onboarding screens, weather and logistics portals, and dashboards and analytics surfaces that already have strong hierarchy and just need a calm, airy field. I like it on card headers, selection states, and the background of data intake forms where you want things to look "set" without stealing focus.

Pair it with a mid blue for lines or badges, or let it breathe against near-white neutrals. The quirk: because it's airy and low on drama, it can look a touch washed out next to very saturated accents, so test your real states side by side.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Create a gradient with Pale Sky

Open the generator with this color pre-loaded.

Start creating