Breath of Fresh Air

#c7dbe4

Cooler, softer airy blue-gray for calm spacing

Save
Share

About Breath of Fresh Air

This one's lighter than it looks. Breath of sits so close to white that you almost miss the gray underneath, but there's enough of it there to give a surface some structure. It's the palest shade in this family, compare it side by side with and you'll see the difference immediately. Where leans cool and deliberate, this one just... breathes. No temperature, no agenda, no blue whisper trying to do the heavy lifting.

Reach for it in interfaces where restraint matters most: healthcare apps, minimal SaaS dashboards, editorial layouts that need a colored surface without any color showing up. Form fields, secondary panels, background surfaces in design tools where you need to separate zones without making them feel divided. Pair it with strong typography or deep accents and it gets out of the way completely. It won't fight for attention the way does, and it won't declare itself cool like .

The trick: it's so light you might mistake it for near-white until you put it next to actual white. That's exactly when you'll see what you've got, a surface that's there but not there, present but invisible. Works with anything because there's nothing in it to argue with.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
1.43:1Fail

On Gray 100 #f5f5f5

Aa
1.31:1Fail

On Gray 900 #18181b

Aa
12.39:1AAA

On Black #000000

Aa
14.68:1AAA

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

#c2dde6
#c8ddea
#cadcde
#cfd9de

Create a gradient with Breath of Fresh Air

Open the generator with this color pre-loaded.

Start creating