Back to palettes

Palette

Winter Glacier Melt

Reflects the tranquil flow of melting ice, merging deep blues with frosty whites.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#83ADD9#B9D2ED#D7E7F0#4A7BA5#629ACF

Palette guide

How to use Winter Glacier Melt

Overview

The Winter Glacier Melt palette offers a serene and refreshing collection of cool blues, perfect for evoking tranquility and clarity. Featuring hex codes like the foundational #4A7BA5, the balanced #83ADD9, and the airy #D7E7F0, this scheme is ideal for digital interfaces, branding, and environmental graphics seeking a calm, sophisticated feel. Designers can leverage the softer #B9D2ED for subtle highlights and #629ACF for gentle accents, creating cohesive designs that convey professionalism and peace. Its cool tones are particularly effective in tech, health, and wellness industries, providing a clean and approachable aesthetic.

Best used for

  • Corporate websites and apps seeking a professional, calming aesthetic.
  • Health and wellness branding (spas, meditation apps).
  • Environmental or conservation-themed graphic design.
  • Winter sports or travel marketing materials.
  • Modern UI/UX design requiring a clean, minimalist look.
  • Educational platforms or scientific presentations.

Suggested color roles

primary

#4A7BA5 - A deep, stable blue, ideal for main brand elements, navigation bars, or key interactive components, providing a sense of reliability.

secondary

#629ACF - A vibrant yet soft blue, excellent for subheadings, active states, or supporting visual elements that need to stand out gently.

accent

#83ADD9 - A mid-tone blue, perfect for calls-to-action, progress indicators, or small decorative details that require a subtle pop.

background

#D7E7F0 - A very light, almost white-blue, serving as a clean, expansive canvas for content, promoting readability and openness.

text

For optimal readability, a deep charcoal like #333333 or black text is recommended against lighter backgrounds like #D7E7F0. For text on darker blues like #4A7BA5, white text works well.

Accessibility notes

  • Ensure sufficient contrast between text and background, especially when using lighter blues like #B9D2ED on #D7E7F0.
  • Use #4A7BA5 or #629ACF for text on light backgrounds to meet WCAG AA standards.
  • When overlaying text on images, ensure a solid background behind the text or a dark overlay for readability.
  • Avoid using only color to convey information; pair with icons or text labels for colorblind users.

Recommended combinations

Serene Header

Ideal for website headers or hero sections, with the deep blue as a primary background, light blue for subheadings, and mid-blue for interactive elements.

#4A7BA5 · #D7E7F0 · #629ACF

Clean Card

Perfect for UI cards or content blocks, using the lightest blue as the card background, mid-blue for titles, and the softer blue for descriptive text or subtle borders.

#D7E7F0 · #83ADD9 · #B9D2ED

Calm Navigation

Suited for navigation menus, where the brighter blue defines active states, the deeper blue for main links, and the lightest blue for hover effects.

#629ACF · #4A7BA5 · #D7E7F0

CSS variables

:root {
  --winter-glacier-melt-1: #83ADD9;
  --winter-glacier-melt-2: #B9D2ED;
  --winter-glacier-melt-3: #D7E7F0;
  --winter-glacier-melt-4: #4A7BA5;
  --winter-glacier-melt-5: #629ACF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "winter-glacier-melt": {
        1: "#83ADD9",
        2: "#B9D2ED",
        3: "#D7E7F0",
        4: "#4A7BA5",
        5: "#629ACF",
      }
    }
  }
}

Related searches

calm blue color paletteice blue web design colorsserene UI color schemecool tone branding colorswinter theme hex codes

Palette colors

Hex values

Color 1#83ADD9
·
Color 2#B9D2ED
·
Color 3#D7E7F0
·
Color 4#4A7BA5
·
Color 5#629ACF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.9:1Fail
1.9:1Fail
1.3:1Fail
2
1.5:1Fail
1.2:1Fail
2.9:1Fail
1.9:1Fail
3
1.9:1Fail
1.2:1Fail
3.6:1AA18
2.4:1Fail
4
1.9:1Fail
2.9:1Fail
3.6:1AA18
1.5:1Fail
5
1.3:1Fail
1.9:1Fail
2.4:1Fail
1.5:1Fail

Similar palettes

More like Winter Glacier Melt

View all cool
Arctic Dawn Light
Arctic Glacier Chill
Frosted Lakeside Calm
Frosted Winter Lake
Frozen Crystal Grotto
Frozen Dewdrop