Back to palettes

Palette

Arctic Glacier Melt

A refreshing progression of cool blues, from icy white to deep azure, suggesting a tranquil glacier melting.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E0F2F7#B3E0ED#8CD4E6#5EBEDD#2E9ACB

Palette guide

How to use Arctic Glacier Melt

Overview

The Arctic Glacier Melt palette offers a refreshing progression of cool blues, from icy white to deep azure, suggesting a tranquil glacier melting. Ranging from the light #E0F2F7 to the deep #2E9ACB, this collection offers designers and developers a cool, invigorating aesthetic perfect for conveying clarity, freshness, and a strong connection to nature. The prominent #B3E0ED and #8CD4E6 provide a clear progression of cool tones, allowing for elegant visual hierarchies in UI design, impactful branding, and serene digital experiences. It's an excellent choice for projects that aim to evoke trust, precision, and an understated, natural elegance.

Best used for

  • Environmental conservation websites
  • Hydration product branding
  • Outdoor adventure gear websites
  • Modern corporate identity
  • Data visualization dashboards
  • Winter tourism promotions

Suggested color roles

primary

#2E9ACB (A deep, vibrant sky blue, excellent for main headings, crucial call-to-action buttons, or key UI elements that command attention.)

secondary

#5EBEDD (A bright, yet serene blue, ideal for subheadings, secondary interactive elements, or supporting graphical features, providing refreshing contrast.)

accent

#8CD4E6 (A lighter, airy blue, perfect for subtle highlights, hover effects, or delicate design accents that need to shimmer.)

background

#E0F2F7 (A very light, cool blue-white, serving as a pristine backdrop that enhances readability and provides an expansive, fresh feel.)

text

#2E9ACB (The darkest color in the palette, providing excellent contrast for body text on lighter backgrounds, ensuring high readability.)

Accessibility notes

  • Ensure #2E9ACB text on #E0F2F7 background meets WCAG AA standards; for AAA, verify contrast, especially for smaller text.
  • Avoid using #8CD4E6 or #E0F2F7 for text on similar light backgrounds, as contrast will be insufficient.
  • When using #5EBEDD for interactive elements, verify its contrast with surrounding colors for clear user feedback.
  • For critical information, always pair the darkest available color, #2E9ACB, with the lightest background, #E0F2F7.

Recommended combinations

Deep Refreshment

Ideal for a clean background with strong primary text and a vibrant blue for headings or key actions.

#E0F2F7 · #2E9ACB · #5EBEDD

Water Progression

Use for creating visual depth in layered UI components, card backgrounds, or subtle gradients.

#B3E0ED · #8CD4E6 · #5EBEDD

Azure Accent

Apply the deep azure for focal points, with lighter blues providing a fresh context.

#2E9ACB · #E0F2F7 · #B3E0ED

CSS variables

:root {
  --arctic-glacier-melt-3-1: #E0F2F7;
  --arctic-glacier-melt-3-2: #B3E0ED;
  --arctic-glacier-melt-3-3: #8CD4E6;
  --arctic-glacier-melt-3-4: #5EBEDD;
  --arctic-glacier-melt-3-5: #2E9ACB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arctic-glacier-melt-3": {
        1: "#E0F2F7",
        2: "#B3E0ED",
        3: "#8CD4E6",
        4: "#5EBEDD",
        5: "#2E9ACB",
      }
    }
  }
}

Related searches

glacier melt blue paletterefreshing cool color schemewater themed UI designnatural blue brandingicy fresh web colors

Palette colors

Hex values

Color 1#E0F2F7
·
Color 2#B3E0ED
·
Color 3#8CD4E6
·
Color 4#5EBEDD
·
Color 5#2E9ACB
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.4:1Fail
1.8:1Fail
2.8:1Fail
2
1.2:1Fail
1.2:1Fail
1.5:1Fail
2.2:1Fail
3
1.4:1Fail
1.2:1Fail
1.3:1Fail
1.9:1Fail
4
1.8:1Fail
1.5:1Fail
1.3:1Fail
1.5:1Fail
5
2.8:1Fail
2.2:1Fail
1.9:1Fail
1.5:1Fail

Similar palettes

More like Arctic Glacier Melt

View all cool
Arctic Ocean
Deep Arctic Lake
Glacial Lake Bloom
Glacier Canyon Ice
Aqua Marine Vista
Aqua Tidal Pool