Back to palettes

Palette

Winter Glacier Bloom

Icy teals and cool greens, like delicate blooms emerging amidst a serene, frozen 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

#AAD4D4#8ABBBB#6DA2A2#4F8A8A#327171

Palette guide

How to use Winter Glacier Bloom

Overview

The Winter Glacier Bloom palette offers a serene and sophisticated range of cool teal-green shades, evoking a sense of calm and clarity. This versatile collection, featuring hues like the light and airy #AAD4D4, the balanced #8ABBBB, and the deep, grounding #327171, is perfect for creating designs that communicate tranquility, professionalism, or a connection to nature. Its harmonious progression from light to dark provides excellent flexibility for visual hierarchy and depth. Designers can leverage the mid-tones like #6DA2A2 for primary elements, while the darker #4F8A8A adds contrast, making this palette ideal for digital interfaces, branding, and environmental graphics seeking a refreshing aesthetic.

Best used for

  • Spa and wellness branding and websites
  • Environmental or eco-friendly product packaging
  • Tech interfaces for productivity or meditation apps
  • Corporate identities seeking a calming yet professional feel
  • Interior design concepts for serene spaces
  • Winter-themed digital illustrations or marketing materials

Suggested color roles

primary

Use #6DA2A2 as the dominant brand color or for key UI elements like buttons and navigation. Its balanced depth offers a professional yet inviting presence.

secondary

Employ #8ABBBB for supporting sections, subheadings, or secondary interactive elements. It provides a gentle contrast to the primary while maintaining harmony.

accent

Reserve #327171 for crucial calls-to-action, icons, or subtle highlights. Its deep hue ensures visual impact without overwhelming the serene aesthetic.

background

Apply #AAD4D4 for clean, airy backgrounds, allowing content to breathe. It provides a crisp, light base that enhances readability.

text

Use #327171 for headings and important body text to ensure strong contrast against lighter backgrounds. For extended body text, a dark charcoal or black is recommended for optimal readability.

Accessibility notes

  • Ensure sufficient contrast between #AAD4D4 background and darker text colors like #327171 for WCAG AA compliance.
  • Verify that interactive elements using #6DA2A2 or #8ABBBB have adequate contrast with surrounding text or backgrounds.
  • Avoid using #AAD4D4 and #8ABBBB in close proximity for small text or critical information, as their similarity might hinder readability.
  • Test the palette's visual distinction for users with color vision deficiencies, particularly with the subtle shifts between adjacent teal shades.

Recommended combinations

Soft Serenity

Ideal for gentle headers, secondary information, or subtle graphical elements on a light background, creating a calm and inviting feel.

#AAD4D4 · #8ABBBB · #6DA2A2

Deep Professional

Excellent for main content areas, bold headings, and impactful calls-to-action, conveying authority and depth.

#6DA2A2 · #4F8A8A · #327171

Cool Contrast

Perfect for high-contrast text against a light background, or for distinguishing key interactive elements like buttons and links.

#AAD4D4 · #4F8A8A · #327171

CSS variables

:root {
  --winter-glacier-bloom-1: #AAD4D4;
  --winter-glacier-bloom-2: #8ABBBB;
  --winter-glacier-bloom-3: #6DA2A2;
  --winter-glacier-bloom-4: #4F8A8A;
  --winter-glacier-bloom-5: #327171;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "winter-glacier-bloom": {
        1: "#AAD4D4",
        2: "#8ABBBB",
        3: "#6DA2A2",
        4: "#4F8A8A",
        5: "#327171",
      }
    }
  }
}

Related searches

cool teal color schemescalming winter palettesglacier bloom hex codesserene green branding colorsicy blue-green design inspiration

Palette colors

Hex values

Color 1#AAD4D4
·
Color 2#8ABBBB
·
Color 3#6DA2A2
·
Color 4#4F8A8A
·
Color 5#327171
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.8:1Fail
2.5:1Fail
3.5:1AA18
2
1.3:1Fail
1.3:1Fail
1.9:1Fail
2.7:1Fail
3
1.8:1Fail
1.3:1Fail
1.4:1Fail
2:1Fail
4
2.5:1Fail
1.9:1Fail
1.4:1Fail
1.4:1Fail
5
3.5:1AA18
2.7:1Fail
2:1Fail
1.4:1Fail

Similar palettes

More like Winter Glacier Bloom

View all cool
Frozen Tundra Mist
Alpine Forest Chill
Alpine Frost Serenity
Arctic Explorer's Dream
Arctic Glacier Melt
Arctic Lake Ice