Back to palettes

Palette

Winter Sky Glacier

A crisp, invigorating range of cool blues, reminiscent of a vast glacier under a clear winter sky.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B8DEE8#8FD2E0#65C6D8#3BAACB#1391BD

Palette guide

How to use Winter Sky Glacier

Overview

The Winter Sky Glacier palette presents a crisp, invigorating range of cool blues, reminiscent of a vast glacier under a clear winter sky. Featuring vibrant shades from the light #B8DEE8 and #8FD2E0 to the more intense #65C6D8, #3BAACB, and the deep #1391BD, this palette is perfect for designers and developers seeking a fresh, energetic, and clean aesthetic. It’s ideal for creating dynamic digital interfaces, refreshing branding, or impactful marketing materials that convey clarity, professionalism, and a sense of cool vitality. This collection promotes a feeling of open space and crisp efficiency.

Best used for

  • Technology or software company branding
  • Outdoor adventure or sports websites
  • Water purification or eco-friendly product packaging
  • Modern banking or financial service interfaces
  • Digital dashboards requiring clear data visualization
  • Winter sports event promotions

Suggested color roles

primary

Establishes a strong, authoritative base for headers, main navigation, or key brand elements using #1391BD.

secondary

Provides an energetic and clear tone for supporting content or prominent UI components with #3BAACB.

accent

A lively accent for interactive elements, calls-to-action, or visual highlights with #65C6D8.

background

Offers a clean, expansive canvas that brightens the design and enhances readability, utilizing #B8DEE8.

text

Optimal for body text against lighter backgrounds, ensuring excellent legibility with #1391BD.

Accessibility notes

  • Ensure high contrast for text using #1391BD or #3BAACB against #B8DEE8 or #8FD2E0.
  • Avoid using lighter blues like #B8DEE8 and #8FD2E0 for small text on similarly light backgrounds.
  • Pair #65C6D8 with a darker blue like #1391BD for accessible button states or links.
  • The palette offers good contrast potential, but always verify WCAG AA standards for all text and interactive elements.

Recommended combinations

Glacier Depth

Creates a dynamic and professional look for hero sections, corporate branding, or striking visual elements.

#1391BD · #B8DEE8 · #3BAACB

Crisp Flow

Ideal for gradients, data visualizations, or layered UI components that require a smooth transition of cool tones.

#3BAACB · #65C6D8 · #8FD2E0

Sky Clarity

Perfect for clean, open layouts where light backgrounds are paired with strong, readable dark blue text.

#B8DEE8 · #8FD2E0 · #1391BD

CSS variables

:root {
  --winter-sky-glacier-1: #B8DEE8;
  --winter-sky-glacier-2: #8FD2E0;
  --winter-sky-glacier-3: #65C6D8;
  --winter-sky-glacier-4: #3BAACB;
  --winter-sky-glacier-5: #1391BD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "winter-sky-glacier": {
        1: "#B8DEE8",
        2: "#8FD2E0",
        3: "#65C6D8",
        4: "#3BAACB",
        5: "#1391BD",
      }
    }
  }
}

Related searches

invigorating blue palettecrisp cool web designglacier blue branding colorsvibrant winter UI schemeclean professional blue tones

Palette colors

Hex values

Color 1#B8DEE8
·
Color 2#8FD2E0
·
Color 3#65C6D8
·
Color 4#3BAACB
·
Color 5#1391BD
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.4:1Fail
1.9:1Fail
2.5:1Fail
2
1.2:1Fail
1.2:1Fail
1.6:1Fail
2.1:1Fail
3
1.4:1Fail
1.2:1Fail
1.4:1Fail
1.8:1Fail
4
1.9:1Fail
1.6:1Fail
1.4:1Fail
1.3:1Fail
5
2.5:1Fail
2.1:1Fail
1.8:1Fail
1.3:1Fail

Similar palettes

More like Winter Sky Glacier

View all cool