Back to palettes

Palette

Arctic Glacier Melt

Icy blues and aquamarines capture the crisp, refreshing essence of melting glaciers in the Arctic.

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

#ADD8E6#B0E0E6#AFEEEE#87CEEB#4682B4

Palette guide

How to use Arctic Glacier Melt

Overview

The Arctic Glacier Melt palette captures the crisp, refreshing essence of melting glaciers in the Arctic with icy blues and aquamarines. Ranging from the light #B0E0E6 to the deep #4682B4, this collection offers designers and developers a cool, serene aesthetic perfect for conveying tranquility, clarity, and natural elegance. The prominent #ADD8E6 and #AFEEEE provide a clear progression of icy 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 peace, precision, and an understated, natural sophistication.

Best used for

  • Environmental conservation websites
  • Spa and wellness branding
  • Minimalist tech interfaces
  • Travel agencies (arctic destinations)
  • Water purification product branding
  • Nature photography portfolios

Suggested color roles

primary

#4682B4 (A robust steel blue, excellent for main headings, crucial call-to-action buttons, or key UI elements that command attention.)

secondary

#87CEEB (A bright, yet serene sky blue, ideal for subheadings, secondary interactive elements, or supporting graphical features, providing gentle contrast.)

accent

#AFEEEE (A light, almost aqua blue, perfect for delicate highlights, hover states, or subtle design accents that need to glimmer.)

background

#B0E0E6 (A light, cool blue, serving as a serene backdrop that enhances readability and provides a fresh, expansive feel.)

text

#4682B4 (The steel blue provides good contrast for body text on lighter backgrounds, ensuring comfortable reading.)

Accessibility notes

  • Ensure #4682B4 text on #B0E0E6 background meets WCAG AA standards; for AAA, verify contrast, especially for smaller text.
  • Avoid using #ADD8E6 or #B0E0E6 for text on similar light backgrounds, as contrast will be insufficient.
  • When using #87CEEB for interactive elements, verify its contrast with surrounding colors for clear user feedback.
  • For critical information, always pair the darkest available color, #4682B4, with the lightest background, #B0E0E6.

Recommended combinations

Crystal Clarity

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

#B0E0E6 · #4682B4 · #87CEEB

Glacial Progression

Use for creating visual depth in layered UI components or a subtle gradient in hero sections.

#ADD8E6 · #AFEEEE · #87CEEB

Aqua Highlight

Apply the steel blue for focal points, with lighter blues providing a fresh context.

#4682B4 · #B0E0E6 · #AFEEEE

CSS variables

:root {
  --arctic-glacier-melt-1: #ADD8E6;
  --arctic-glacier-melt-2: #B0E0E6;
  --arctic-glacier-melt-3: #AFEEEE;
  --arctic-glacier-melt-4: #87CEEB;
  --arctic-glacier-melt-5: #4682B4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arctic-glacier-melt": {
        1: "#ADD8E6",
        2: "#B0E0E6",
        3: "#AFEEEE",
        4: "#87CEEB",
        5: "#4682B4",
      }
    }
  }
}

Related searches

arctic blue aqua paletteglacier melt color schemecalm cool UI designnatural water brandingserene web colors blue

Palette colors

Hex values

Color 1#ADD8E6
·
Color 2#B0E0E6
·
Color 3#AFEEEE
·
Color 4#87CEEB
·
Color 5#4682B4
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.2:1Fail
1.1:1Fail
2.7:1Fail
2
1.1:1Fail
1.1:1Fail
1.2:1Fail
2.9:1Fail
3
1.2:1Fail
1.1:1Fail
1.4:1Fail
3.2:1AA18
4
1.1:1Fail
1.2:1Fail
1.4:1Fail
2.4:1Fail
5
2.7:1Fail
2.9:1Fail
3.2:1AA18
2.4:1Fail

Similar palettes

More like Arctic Glacier Melt

View all Cool
Sea Spray Ocean
Alpine Lake Dawn
Glacial Cave Depths
Misty Lagoon Serene
Moonlit Cypress Grove
Muted Ocean Depth