Back to palettes

Palette

Winter Chill Breeze

The crisp, clear, and cool essence of a calm winter day, with hints of frosty air.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Winter Chill Breeze reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Winter Chill Breeze.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#ADD8E6#87CEEB#B0E0E6#C7EEF6#AEC6CF

Palette guide

How to use Winter Chill Breeze

Overview

The Winter Chill Breeze palette embodies the crisp, clear essence of a calm winter day with its collection of light, airy blues and cyan tones. Featuring refreshing shades like #ADD8E6 (light blue), #87CEEB (sky blue), and #C7EEF6 (very light cyan), this palette is perfect for designs that aim to convey freshness, cleanliness, and serenity. Designers and developers can utilize these harmonious colors to create minimalist, soothing, and highly breathable interfaces, evoking the lightness of a frosty, clear sky.

Best used for

  • Wellness and meditation applications
  • Medical and healthcare websites
  • Clean technology interfaces
  • Baby product branding and websites
  • Minimalist branding projects
  • Serene and calming photography portfolios

Suggested color roles

primary

Use #87CEEB as the main brand color for headings and significant sections, providing a clear and refreshing sky blue.

secondary

Employ #ADD8E6 for subheadings, secondary content, or as a subtle accent, maintaining the palette's light and airy feel.

accent

Apply #AEC6CF (a muted blue-grey) for subtle highlights, borders, or less critical interactive elements where a soft contrast is desired.

background

Utilize #C7EEF6 as the primary background color, offering an expansive, clean, and airy canvas that enhances the serene mood.

text

As the palette is very light, a dark blue (e.g., a deep navy like #2C3E50 from another palette), black, or dark charcoal is recommended for body text to ensure optimal contrast and readability.

Accessibility notes

  • Text on this palette will generally require a dark color outside the palette, such as black or very dark blue, for sufficient readability.
  • Avoid using any palette color as text on another palette color directly, as contrast will be insufficient for body copy.
  • While #AEC6CF might offer minimal contrast against #C7EEF6 for very large, non-critical text, it's not recommended for standard text sizes.
  • For interactive elements, ensure clear visual feedback on hover/focus, even if the static contrast is lower than ideal for text.

Recommended combinations

Airy Sky

Creates a light, ethereal background with subtle layers of blue for a sense of depth and openness.

#C7EEF6 · #ADD8E6 · #87CEEB

Crisp Horizon

Combines muted tones for a gentle, harmonious progression, suitable for background textures or subtle divisions.

#B0E0E6 · #AEC6CF · #ADD8E6

Gentle Flow

Pairs the primary blue with a light background and a subtle accent for a clean and understated design.

#87CEEB · #C7EEF6 · #AEC6CF

CSS variables

:root {
  --winter-chill-breeze-1: #ADD8E6;
  --winter-chill-breeze-2: #87CEEB;
  --winter-chill-breeze-3: #B0E0E6;
  --winter-chill-breeze-4: #C7EEF6;
  --winter-chill-breeze-5: #AEC6CF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "winter-chill-breeze": {
        1: "#ADD8E6",
        2: "#87CEEB",
        3: "#B0E0E6",
        4: "#C7EEF6",
        5: "#AEC6CF",
      }
    }
  }
}

Related searches

light blue color palettefresh winter colorsserene cool tonesairy UI designminimalist blue scheme

Palette colors

Hex values

Color 1#ADD8E6
·
Color 2#87CEEB
·
Color 3#B0E0E6
·
Color 4#C7EEF6
·
Color 5#AEC6CF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.1:1Fail
1.2:1Fail
1.2:1Fail
2
1.1:1Fail
1.2:1Fail
1.4:1Fail
1:1Fail
3
1.1:1Fail
1.2:1Fail
1.2:1Fail
1.2:1Fail
4
1.2:1Fail
1.4:1Fail
1.2:1Fail
1.4:1Fail
5
1.2:1Fail
1:1Fail
1.2:1Fail
1.4:1Fail

Similar palettes

More like Winter Chill Breeze

View all cool
Winter Sky Glacier
Arctic Aurora Glow
Arctic Glacier Chill
Arctic Lake Ice
Arctic Shoreline Chill
Arctic Shoreline Frost