Back to palettes

Palette

Arctic Glacier Melt

Crystal clear blues and serene aquas reflect the breathtaking purity and slow melt of arctic glaciers.

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

#B0E0E6#ADD8E6#87CEEB#6A5ACD#4682B4

Palette guide

How to use Arctic Glacier Melt

Overview

The Arctic Glacier Melt palette reflects the breathtaking purity and slow melt of arctic glaciers with crystal clear blues and serene aquas. Ranging from the light #B0E0E6 to the rich #6A5ACD, this collection offers designers and developers a cool, refreshing aesthetic perfect for conveying tranquility, clarity, and natural elegance. The prominent #ADD8E6 and #87CEEB 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

#6A5ACD (A rich, medium slate blue, perfect for striking accents, hover states, or small but impactful elements that demand attention.)

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.
  • The vibrant #6A5ACD should be tested for contrast when used with text or interactive elements on lighter blues.
  • Always check contrast ratios for critical information and interactive components to ensure optimal readability for all users.

Recommended combinations

Crystal Clarity

Ideal for a clean background with strong primary text and a bold accent for calls to action.

#B0E0E6 · #4682B4 · #6A5ACD

Glacial Progression

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

#ADD8E6 · #87CEEB · #4682B4

Slate Accent

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

#6A5ACD · #B0E0E6 · #ADD8E6

CSS variables

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

Tailwind config

theme: {
  extend: {
    colors: {
      "arctic-glacier-melt-2": {
        1: "#B0E0E6",
        2: "#ADD8E6",
        3: "#87CEEB",
        4: "#6A5ACD",
        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#B0E0E6
·
Color 2#ADD8E6
·
Color 3#87CEEB
·
Color 4#6A5ACD
·
Color 5#4682B4
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.2:1Fail
3.7:1AA18
2.9:1Fail
2
1.1:1Fail
1.1:1Fail
3.5:1AA18
2.7:1Fail
3
1.2:1Fail
1.1:1Fail
3:1AA18
2.4:1Fail
4
3.7:1AA18
3.5:1AA18
3:1AA18
1.3:1Fail
5
2.9:1Fail
2.7:1Fail
2.4:1Fail
1.3:1Fail

Similar palettes

More like Arctic Glacier Melt

View all cool
Arctic Frost Jewel
Arctic Glacier Lagoon
Arctic Lake Glass
Arctic Whisper Glade
Cool Glacier Mist
Frozen Tundra Mist