Back to palettes

Palette

Winter Glacier Bloom

Icy blues and purples, capturing the fragile beauty of a flower blooming on a cold 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

#D9E6ED#B0C9DE#8BAACF#6B8ABF#4E6DA6

Palette guide

How to use Winter Glacier Bloom

Overview

The Winter Glacier Bloom palette offers a serene collection of cool blues, evoking the tranquil beauty of icy landscapes and subtle floral hints. With shades ranging from the ethereal lightness of #D9E6ED to the deep, anchoring presence of #4E6DA6, this palette is ideal for creating designs that communicate calm, professionalism, and elegance. Designers can leverage the mid-tones like #B0C9DE and #8BAACF for primary UI elements, while #6B8ABF provides a robust color for calls to action or key information. Its cohesive, monochromatic nature ensures visual harmony, making it a versatile choice for digital interfaces and branding where a sophisticated, cool aesthetic is desired.

Best used for

  • Corporate branding for tech or finance
  • Healthcare or wellness applications
  • Luxury product packaging or websites
  • Winter-themed marketing campaigns
  • Serene spa or meditation app interfaces
  • Educational platforms requiring a calm, focused aesthetic

Suggested color roles

primary

A stable, inviting blue (#6B8ABF) perfect for primary buttons, navigation highlights, and core branding elements. It offers a solid foundation without being overly dominant.

secondary

A softer, more approachable blue (#8BAACF) suitable for secondary actions, active states, or supporting graphics. It complements the primary tone effectively.

accent

This deep, rich blue (#4E6DA6) serves as a powerful accent for important calls to action, prominent headings, or to add visual depth to illustrations.

background

The lightest shade (#D9E6ED), providing a clean, airy canvas for content. It ensures excellent readability for darker text and contributes to the palette's overall calm mood.

text

Ideal for primary headings and important body text (#4E6DA6), offering strong contrast against lighter backgrounds. For general body text, consider near-black or charcoal for optimal readability.

Accessibility notes

  • Ensure sufficient contrast when using #B0C9DE for text on #D9E6ED backgrounds; this combination typically will not meet WCAG AA standards.
  • Use #4E6DA6 or #6B8ABF for all body text on the lightest background #D9E6ED to guarantee WCAG AA or AAA compliance.
  • Avoid placing light blue text (e.g., #B0C9DE or #8BAACF) on similarly light backgrounds to prevent readability issues for users with visual impairments.
  • When reversing text (light on dark), ensure #D9E6ED text on #4E6DA6 or #6B8ABF backgrounds has adequate contrast for readability.

Recommended combinations

Icy Clarity

Ideal for clean, professional dashboards or informational websites. Use #D9E6ED as background, #6B8ABF for primary UI elements, and #4E6DA6 for critical text or icons.

#D9E6ED · #6B8ABF · #4E6DA6

Deep Frost

Creates a sophisticated, premium feel. Apply #4E6DA6 as a dark background, #D9E6ED for prominent headings or navigation, and #8BAACF for secondary text or subtle accents.

#4E6DA6 · #D9E6ED · #8BAACF

Glacier Gradient

Excellent for visual storytelling or subtle UI gradients, moving from a lighter cool tone to a deeper, more saturated blue for depth and visual interest.

#B0C9DE · #8BAACF · #6B8ABF

CSS variables

:root {
  --winter-glacier-bloom-6-1: #D9E6ED;
  --winter-glacier-bloom-6-2: #B0C9DE;
  --winter-glacier-bloom-6-3: #8BAACF;
  --winter-glacier-bloom-6-4: #6B8ABF;
  --winter-glacier-bloom-6-5: #4E6DA6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "winter-glacier-bloom-6": {
        1: "#D9E6ED",
        2: "#B0C9DE",
        3: "#8BAACF",
        4: "#6B8ABF",
        5: "#4E6DA6",
      }
    }
  }
}

Related searches

cool blue color schemewinter inspired palettecalm blue branding colorselegant blue ui designicy blue website aesthetic

Palette colors

Hex values

Color 1#D9E6ED
·
Color 2#B0C9DE
·
Color 3#8BAACF
·
Color 4#6B8ABF
·
Color 5#4E6DA6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.9:1Fail
2.7:1Fail
4.1:1AA18
2
1.3:1Fail
1.4:1Fail
2:1Fail
3:1AA18
3
1.9:1Fail
1.4:1Fail
1.5:1Fail
2.2:1Fail
4
2.7:1Fail
2:1Fail
1.5:1Fail
1.5:1Fail
5
4.1:1AA18
3:1AA18
2.2:1Fail
1.5:1Fail

Similar palettes

More like Winter Glacier Bloom

View all cool
Arctic Aurora Glow
Frosted Juniper Berries
Frosted Lake Reflection
Frosted Winter Lake
Frozen Expanse
Glacier Ice Peaks