Back to palettes

Palette

Winter Glacier Bloom

Icy blues and grays that capture the stark beauty and cool elegance of glacial landscapes.

coolminimal5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E0FFFF#ADD8E6#B0E0E6#4682B4#708090

Palette guide

How to use Winter Glacier Bloom

Overview

The Winter Glacier Bloom palette offers a serene and sophisticated collection of icy blues and cool grays, perfect for projects aiming for a calm, minimalist aesthetic. Dominated by tranquil hues like the almost-white #E0FFFF and the soft sky blue of #ADD8E6, it evokes the stark beauty of glacial landscapes. The deeper, more substantial #4682B4 (Steel Blue) provides a grounding anchor, while the subtle #708090 (Slate Gray) adds a touch of modern elegance. Designers can leverage this palette to create clean, professional interfaces, or to infuse a sense of quiet luxury into branding. Developers will find these colors easy to integrate for sleek UI elements, ensuring a cohesive and visually appealing user experience that feels fresh and expansive.

Best used for

  • Modern minimalist website designs
  • Luxury brand identities (e.g., spas, high-end tech)
  • Environmental or nature-themed applications
  • Professional corporate reports and presentations
  • Winter holiday marketing campaigns
  • Clean data visualization dashboards

Suggested color roles

primary

#4682B4 (Steel Blue) - Excellent for main calls-to-action, prominent headers, or key graphical elements where a strong, yet sophisticated, presence is desired.

secondary

#ADD8E6 (Light Blue) - Ideal for background sections, secondary navigation, or as a lighter complement to the primary, providing visual breathing room.

accent

#708090 (Slate Gray) - Use sparingly for subtle highlights, interactive states, or small icons to add a touch of modern refinement without overwhelming the cool blue tones.

background

#E0FFFF (Light Cyan) - A near-white, airy background that creates a sense of spaciousness and purity, allowing other colors to gently float.

text

For primary body text, a dark charcoal like #333333 or pure black (#000000) will offer optimal contrast against the lighter backgrounds. For titles or less critical text over darker blues, a light gray or white can work.

Accessibility notes

  • Ensure sufficient contrast when using #ADD8E6 or #B0E0E6 for text against #E0FFFF backgrounds; aim for at least AA compliance.
  • #4682B4 provides good contrast for white or light gray text, making it suitable for buttons or primary information.
  • Avoid using #ADD8E6 and #B0E0E6 together for adjacent elements as their similarity can cause visual confusion for some users.
  • When using #708090 for text, ensure its size and weight are generous, especially over light backgrounds like #E0FFFF, to maintain readability.

Recommended combinations

Icy Contrast

A strong foundational trio for web interfaces; #E0FFFF as background, #4682B4 for primary actions, and #708090 for secondary text or icons.

#E0FFFF · #4682B4 · #708090

Soft Transition

Excellent for subtle gradients or layered background elements, with #708090 providing a gentle, grounding accent for dividers or muted text.

#ADD8E6 · #B0E0E6 · #708090

Deep Horizon

Use #4682B4 for a dominant section, #ADD8E6 for supporting elements, and #E0FFFF for bright highlights or text, creating depth.

#4682B4 · #ADD8E6 · #E0FFFF

CSS variables

:root {
  --winter-glacier-bloom-5-1: #E0FFFF;
  --winter-glacier-bloom-5-2: #ADD8E6;
  --winter-glacier-bloom-5-3: #B0E0E6;
  --winter-glacier-bloom-5-4: #4682B4;
  --winter-glacier-bloom-5-5: #708090;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "winter-glacier-bloom-5": {
        1: "#E0FFFF",
        2: "#ADD8E6",
        3: "#B0E0E6",
        4: "#4682B4",
        5: "#708090",
      }
    }
  }
}

Related searches

cool tone color paletteglacier blue hex codeswinter theme colorsminimalist blue gray paletteserene ui colors

Palette colors

Hex values

Color 1#E0FFFF
·
Color 2#ADD8E6
·
Color 3#B0E0E6
·
Color 4#4682B4
·
Color 5#708090
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.4:1Fail
3.9:1AA18
3.8:1AA18
2
1.4:1Fail
1.1:1Fail
2.7:1Fail
2.7:1Fail
3
1.4:1Fail
1.1:1Fail
2.9:1Fail
2.8:1Fail
4
3.9:1AA18
2.7:1Fail
2.9:1Fail
1:1Fail
5
3.8:1AA18
2.7:1Fail
2.8:1Fail
1:1Fail

Similar palettes

More like Winter Glacier Bloom

View all cool
Arctic Glacier Chill
Arctic Ice Drift
Arctic Ice Shimmer
Arctic Sea Ice
Arctic Sky Drift
Arctic Sunset Ice