Back to palettes

Palette

Winter Glacier Bloom

Icy blues and pristine whites capture the serene beauty of glaciers meeting a winter sky.

coolcalm5 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

#A2D0D8#B9E0E8#D0EFF2#E1F5F7#F0FFFF

Palette guide

How to use Winter Glacier Bloom

Overview

The Winter Glacier Bloom palette, a collection of ethereal cool blues and near-whites, evokes a sense of pristine tranquility and expansive calm. Ideal for projects demanding a clean, fresh aesthetic, this palette ranges from the soft, muted #A2D0D8 to the almost translucent #F0FFFF. Designers will appreciate its ability to create depth with subtle variations, like using #B9E0E8 for secondary elements and #D0EFF2 for backgrounds. Developers can leverage these harmonious tones to build interfaces that feel open, airy, and visually light, ensuring a consistent and soothing user experience. This palette is excellent for conveying purity, clarity, and a touch of sophisticated coolness.

Best used for

  • Spa and wellness branding
  • Clean technology interfaces
  • Medical or healthcare websites
  • Environmental non-profit designs
  • Winter season marketing materials
  • Minimalist UI/UX designs

Suggested color roles

primary

Use #A2D0D8 for primary branding elements, main calls-to-action, or dominant graphical features to establish the core cool tone.

secondary

Apply #B9E0E8 for secondary buttons, subheadings, or informational panels, providing a harmonious contrast to the primary.

accent

Utilize #D0EFF2 sparingly for subtle hover states, progress indicators, or delicate graphical accents that require a very light touch.

background

Employ #F0FFFF or #E1F5F7 as a clean, expansive background to maximize readability and create an open, airy feel across the design.

text

Given the lightness of the palette, a dark charcoal or black text color is crucial for readability against all background options.

Accessibility notes

  • Ensure text (e.g., black or dark gray) on #F0FFFF or #E1F5F7 backgrounds meets WCAG contrast standards for readability.
  • Avoid using the lightest colors like #E1F5F7 or #F0FFFF for important interactive elements against similar light backgrounds.
  • When layering colors, use #A2D0D8 or #B9E0E8 for elements that need to stand out against #F0FFFF backgrounds.
  • Icons and UI components should maintain at least a 3:1 contrast ratio against their immediate background for better visibility.

Recommended combinations

Glacier Contrast

Ideal for header text (#A2D0D8) on a pristine background (#F0FFFF) with supporting elements (#B9E0E8).

#A2D0D8 · #F0FFFF · #B9E0E8

Serene Flow

Excellent for subtle gradients, layered UI cards, or depicting a sense of smooth transition and depth.

#B9E0E8 · #D0EFF2 · #E1F5F7

Clear Focus

Effective for primary buttons (#A2D0D8) with light accent details (#D0EFF2) on a clean, airy canvas (#F0FFFF).

#A2D0D8 · #D0EFF2 · #F0FFFF

CSS variables

:root {
  --winter-glacier-bloom-2-1: #A2D0D8;
  --winter-glacier-bloom-2-2: #B9E0E8;
  --winter-glacier-bloom-2-3: #D0EFF2;
  --winter-glacier-bloom-2-4: #E1F5F7;
  --winter-glacier-bloom-2-5: #F0FFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "winter-glacier-bloom-2": {
        1: "#A2D0D8",
        2: "#B9E0E8",
        3: "#D0EFF2",
        4: "#E1F5F7",
        5: "#F0FFFF",
      }
    }
  }
}

Related searches

cool blue color paletteicy blue designserene color schemeslight blue UIwinter web design colors

Palette colors

Hex values

Color 1#A2D0D8
·
Color 2#B9E0E8
·
Color 3#D0EFF2
·
Color 4#E1F5F7
·
Color 5#F0FFFF
·

Accessibility

Contrast checker

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

Similar palettes

More like Winter Glacier Bloom

View all cool
Frosted Winter Sprig
Frozen Whispers
Glacier River Flow
Alpine Frost Serenity
Arctic Dawn Light
Arctic Frost Jewel