Breeze
#aec9ea
Soft, slightly muted sky blue for calm headers
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 Baby Blue or Broad Daylight, 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 Andromeda Blue, but it doesn't have Baby Blue'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 Broad Daylight feels a touch too crisp.
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.