Breeze

#aec9ea

Soft, slightly muted sky blue for calm headers

Save
Share

About Breeze

Breeze splits the difference in a way that feels almost accidental until you use it. It's got more gray in it than or , you can feel it sitting there, but it doesn't read washed out. Instead it lands somewhere softer and less demanding, the kind of blue that works when you need the color family represented without any insistence. It's warmer than the clinical pull of , but it doesn't have 's airy brightness either.

You'll find this one in product interfaces, light SaaS dashboards, and healthcare software where the background needs to be blue without competing with actual content. It works as a secondary surface in fintech apps, in settings panels, in any layout where you want a gentle presence instead of visual weight. Pair it with dark slate or navy and it reads composed. Against white it doesn't seem to struggle the way paler blues sometimes do.

The real move: Breeze works better on warmer displays than cooler ones. If your monitor runs slightly yellow, this color just gets friendlier. It's not a bug, it's the one I reach for when feels a touch too crisp.

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.70:1Fail

On Gray 100 #f5f5f5

Aa
1.56:1Fail

On Gray 900 #18181b

Aa
10.41:1AAA

On Black #000000

Aa
12.34: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

#afcbe5
#a7c2eb
#99ccee
#bdcfea

Create a gradient with Breeze

Open the generator with this color pre-loaded.

Start creating