Sky High
#a7c2eb
Light sky-blue periwinkle lavender for airy sections
About Sky High
Sky High feels like periwinkle that's been pulled a step upward: light, airy, and a touch more saturated than Blue Lips, with none of that washed-out, near-ice politeness you get from Pastel Blue. Next to Night Snow it still reads clearly purple, but it doesn't carry the heavier, quieter weight.
I use it as a "quiet highlight" in dashboards and finance apps where you want category separation without the background looking blue-gray. It's also great for skincare and dermatology feature blocks, especially when you need a surface that stays legible with warmer than pure white type. If you're tired of flat lavender tiles, this is the one you reach for to bring a little more color presence while staying calm.
Pair Sky High with soft creams and cool grays. And if you mix it with the more icy end of the range, keep contrast in mind so it doesn't start to feel like it's fading.
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.
