Gentle Sky
#99bdd2
Cool, misty periwinkle for softer blue hierarchy
About Gentle Sky
Gentle Sky reads as blue, but it's muted enough that it doesn't demand anything from you. It sits between Airborne's near-white restraint and Dolphin's warmer confidence, softer and slightly more desaturated than both, which means it works as a background that actually recedes. The kind of color that disappears into the UI until you need it not to.
You'll land here in healthcare dashboards, fintech platforms, and SaaS products where secondary surfaces need to feel calm without feeling cold or clinical. Card backgrounds, form fields, subtle section dividers, data containers where the color should support the content, not compete with it. Unlike Airborne, it carries enough saturation to feel intentional. Unlike Double Denim, it doesn't assert itself, there's no performance hum underneath it, just steady, undemanding presence.
Pair it with dark charcoal and it holds clean. The slight grayness keeps it from feeling overly saturated on standard office monitors, which actually works in your favor if your users aren't on the latest displays. It's the one I reach for when the brighter blues feel too alive and white feels like giving up.
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.