Back to palettes

Palette

Winter Glacier Bloom

Icy blues and soft whites reflecting the stark, serene beauty of a winter glacier.

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

#6C889B#9CB8CD#CADDEB#E2F0F7#F7FAFA

Palette guide

How to use Winter Glacier Bloom

Overview

The Winter Glacier Bloom palette, featuring serene blues and crisp whites like #6C889B, #CADDEB, and #F7FAFA, evokes the tranquil beauty of icy landscapes. Designers and developers can leverage this cool-toned collection to craft elegant and calming digital experiences. Its harmonious blend of deep glacier blue, soft sky hues, and pristine snow whites offers a sophisticated foundation for projects requiring a sense of peace, clarity, and understated luxury. This palette is ideal for creating designs that feel fresh, clean, and subtly invigorating, ensuring a consistent and soothing visual narrative across various applications.

Best used for

  • High-end spa and wellness branding
  • Winter sports or outdoor apparel websites
  • Medical and healthcare interfaces
  • Serene interior design concepts
  • Luxury travel and tourism promotions
  • Clean, minimalist digital product UIs

Suggested color roles

primary

#6C889B - Ideal for strong headings, navigation elements, or calls-to-action where a deep, stable blue is desired without being overwhelming.

secondary

#9CB8CD - Excellent for subheadings, active states, or background sections that need a softer, yet distinct, blue presence.

accent

#CADDEB - Use sparingly for subtle highlights, interactive elements, or delicate graphic details to add gentle visual interest.

background

#F7FAFA - The perfect light, airy base for main content areas, ensuring readability and a sense of spaciousness.

text

A dark charcoal or near-black, such as #333333, for body text on lighter backgrounds like #F7FAFA, ensuring optimal readability and contrast.

Accessibility notes

  • Ensure sufficient contrast when using #CADDEB or #E2F0F7 for text on #F7FAFA backgrounds, as these combinations may fail WCAG standards.
  • Utilize a dark text color (e.g., black or dark gray) on the lighter shades like #E2F0F7 and #F7FAFA for optimal readability.
  • When layering blues, check the contrast between adjacent shades like #6C889B and #9CB8CD to maintain visual distinction for all users.
  • Reserve the lightest shades, #E2F0F7 and #F7FAFA, primarily for backgrounds or very large, decorative text elements to avoid legibility issues.

Recommended combinations

Deep Serenity

Perfect for a clean, professional look; use #6C889B for headers, #E2F0F7 for sub-sections, and #F7FAFA for main backgrounds.

#6C889B · #E2F0F7 · #F7FAFA

Icy Mist

Creates a soft, ethereal feel, suitable for subtle gradients, delicate UI elements, or calming visual backdrops.

#9CB8CD · #CADDEB · #F7FAFA

Glacier Contrast

Provides a gentle yet clear distinction; #6C889B for primary elements, #CADDEB for supporting details, and #F7FAFA for pristine negative space.

#6C889B · #CADDEB · #F7FAFA

CSS variables

:root {
  --winter-glacier-bloom-3-1: #6C889B;
  --winter-glacier-bloom-3-2: #9CB8CD;
  --winter-glacier-bloom-3-3: #CADDEB;
  --winter-glacier-bloom-3-4: #E2F0F7;
  --winter-glacier-bloom-3-5: #F7FAFA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "winter-glacier-bloom-3": {
        1: "#6C889B",
        2: "#9CB8CD",
        3: "#CADDEB",
        4: "#E2F0F7",
        5: "#F7FAFA",
      }
    }
  }
}

Related searches

winter color schemesice blue aestheticserene blue palettecool tone website designglacier inspired colors

Palette colors

Hex values

Color 1#6C889B
·
Color 2#9CB8CD
·
Color 3#CADDEB
·
Color 4#E2F0F7
·
Color 5#F7FAFA
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
2.7:1Fail
3.2:1AA18
3.6:1AA18
2
1.8:1Fail
1.5:1Fail
1.8:1Fail
2:1Fail
3
2.7:1Fail
1.5:1Fail
1.2:1Fail
1.3:1Fail
4
3.2:1AA18
1.8:1Fail
1.2:1Fail
1.1:1Fail
5
3.6:1AA18
2:1Fail
1.3:1Fail
1.1:1Fail

Similar palettes

More like Winter Glacier Bloom

View all cool
Arctic Glacier Chill
Arctic Lake Ice
Arctic Serenity Drift
Arctic Shoreline Chill
Arctic Shoreline Frost
Arctic Twilight Ice