Pastel Blue
#a2bffe
Light, airy pastel blue-lavender for soft headers
About Pastel Blue
I keep Pastel Blue on my desk for those "soft but not sleepy" states. It looks like a light periwinkle wash, but with a clean, airy lift that avoids Night Snow's deeper weight and Misty-style inkiness.
Compared with Blue Lips, it's noticeably brighter and more blue-forward, less crisp periwinkle and more friendly sky-cool. Next to Fly Away, it reads lighter and less saturated, so it won't pull attention the way a dusk highlight does. I use it for dashboards and finance apps when the layout needs breathing room without turning into near-white.
It's also a solid background for wellness onboarding panels and product feature callouts in skincare and dermatology, especially when you want warmer than pure white typography blocks to feel natural. Pair it with gentle grays or soft creams; with very icy purples, it can flatten and look a bit too polite.
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.