Fresh Air
#a6e7ff
Lighter, calmer cyan-blue for airy UI accents
About Fresh Air
Fresh Air is the lightest thing in this blue family, it's almost colorless until you put it next to white, and then suddenly you see it. Not Breaking the Ice's intentional presence, not Alpine's glow. This one hovers so close to neutral that it reads as air more than pigment, which is exactly why it works.
You hit it in interfaces where you're building breathing room but can't afford to feel empty. Health apps, fintech dashboards, SaaS product settings pages, anywhere you need a surface that steps back without disappearing. It pairs with dark slate and charcoal the way a secondary container should: it's there, it's calm, it doesn't compete. Unlike Alpine's digital snap, this feels almost analog despite living on screen.
The catch: because it's so close to white, it'll shift slightly depending on your monitor and ambient light. That's not a flaw, it's actually the point. It breathes with the room instead of fighting it. Save Alpine for when you need presence. This is the one you reach for when pale blues keep failing you because they're either too saturated or too visible.
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.