Sky
#76d6ff
Higher, milkier sky blue with airy clarity
About Sky
I keep catching Sky on product mockups the way you notice a fresh coat of paint before anyone else does. It's a bright, airy blue that stays clearly blue, not "almost white," and it doesn't slip into the deeper, more deliberate feel of Below Zero or the punchier cyan energy of Splashing Wave.
Sky lands in that sweet spot between crisp notice and light calm: the one you reach for when you want clean visibility without turning UI elements into neon. I like it for dashboards and healthcare software as section headers, chart focus rings, and input highlights where the blue needs to read instantly, then behave politely next to dense text. Compared to Nevermind Nirvana, Sky feels a touch less "daylight note" and more like a suspended, sky-bright wash, which makes it less likely to overpower neutral grays.
Pair it with charcoal, slate, or slightly desaturated grays to keep the contrast crisp. On very warm screens it can drift a hair toward periwinkle, so test it next to your default surfaces.
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.