Pale Sky
#bdf6fe
Ultra-soft pale sky blue for neutral breathing space
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.
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.
