Palette

Winter Glacier Chill

Crisp, icy blues and cool greys capture the stark, pristine beauty of glacial landscapes under a winter sky.

coolminimal5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Winter Glacier Chill 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 Glacier Chill.

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

Data visualization

#ADD8E6#B0E0E6#6495ED#4682B4#778899

Palette guide

How to use Winter Glacier Chill

Overview

The Winter Glacier Chill palette offers a refreshing and sophisticated collection of cool blues and a grounding grey, perfect for evoking a sense of calm and professionalism. With light, airy tones like #ADD8E6 and #B0E0E6, it provides an excellent foundation for clean designs. The palette introduces depth and visual interest through the vibrant cornflower blue #6495ED and the robust steel blue #4682B4, ideal for highlighting key information or calls to action. A versatile slate grey, #778899, rounds out the collection, offering a neutral anchor for text or secondary elements. This palette is invaluable for designers and developers seeking to create modern, minimalist interfaces or branding that conveys trust, clarity, and a crisp aesthetic.

Best used for

Modern tech interfaces and software dashboards
Health, wellness, and spa brand identities
Luxury product packaging or high-end service websites
Travel agencies specializing in cold destinations or cruises
Minimalist website designs and clean user interfaces
Corporate branding aiming for professionalism and tranquility

Suggested color roles

primary

Use #6495ED for prominent interactive elements like buttons, main navigation links, or key headings, conveying clarity and importance.

secondary

Apply #4682B4 for sub-headings, secondary buttons, or data visualizations to add depth and support the primary color.

accent

Employ #ADD8E6 sparingly for subtle highlights, interactive states like hovers, or decorative elements to add a touch of lightness and visual interest.

background

Utilize #B0E0E6 for large background areas or card surfaces, providing a clean, expansive canvas that feels fresh and airy.

text

Pair #778899 for body text and descriptive labels, ensuring good readability against lighter backgrounds, or use a darker charcoal for critical information.

Accessibility notes

Ensure sufficient contrast when placing #6495ED or #4682B4 text on #ADD8E6 or #B0E0E6 backgrounds for readability.
Use #778899 for body text on light backgrounds like #ADD8E6; aim for a minimum WCAG AA contrast ratio of 4.5:1.
Avoid using lighter blues like #ADD8E6 for small text on white or near-white backgrounds as contrast may be too low.
For critical UI elements, always test color combinations with accessibility tools to meet WCAG AAA standards where possible.

Recommended combinations

Professional Calm

Ideal for corporate dashboards, data visualization, or professional service websites requiring a clear, trustworthy aesthetic.

#B0E0E6 · #4682B4 · #778899

Icy Highlights

Perfect for clean user interfaces, hero sections, or product showcases where a crisp, modern, and inviting feel is desired.

#ADD8E6 · #6495ED · #4682B4

Deep Serenity

Excellent for dark mode themes, elegant headers, or sections needing a sophisticated backdrop with bright, readable elements and impactful calls to action.

#778899 · #ADD8E6 · #6495ED

CSS variables

:root {
  --winter-glacier-chill-1: #ADD8E6;
  --winter-glacier-chill-2: #B0E0E6;
  --winter-glacier-chill-3: #6495ED;
  --winter-glacier-chill-4: #4682B4;
  --winter-glacier-chill-5: #778899;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "winter-glacier-chill": {
        1: "#ADD8E6",
        2: "#B0E0E6",
        3: "#6495ED",
        4: "#4682B4",
        5: "#778899",
      }
    }
  }
}

Hex values

Color 1#ADD8E6

Color 2#B0E0E6

Color 3#6495ED

Color 4#4682B4

Color 5#778899

Accessibility

Contrast checker

1.1:1Fail

1.9:1Fail

2.7:1Fail

2.4:1Fail

1.1:1Fail

2.1:1Fail

2.9:1Fail

2.5:1Fail

1.9:1Fail

2.1:1Fail

1.4:1Fail

1.2:1Fail

2.7:1Fail

2.9:1Fail

1.4:1Fail

1.1:1Fail

2.4:1Fail

2.5:1Fail

1.2:1Fail

1.1:1Fail

Similar palettes

More like Winter Glacier Chill

Winter Glacier Chill

See it in context.

Ready when you are.

Built with Winter Glacier Chill.

How to use Winter Glacier Chill

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Professional Calm

Icy Highlights

Deep Serenity

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Winter Glacier Chill