Back to palettes

Palette

Arctic Glacier Edge

Captures the serene beauty of frozen landscapes, blending frosty whites with deep glacial blues.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F8F8FF#E0FFFF#AFEEEE#6A5ACD#B0C4DE

Palette guide

How to use Arctic Glacier Edge

Overview

The Arctic Glacier Edge palette captures the serene beauty of frozen landscapes, blending frosty whites with deep glacial blues. Featuring shades from the pure #F8F8FF to the rich #6A5ACD, this collection offers designers and developers a cool, sophisticated aesthetic perfect for conveying calm, purity, and modern elegance. The prominent #E0FFFF and #AFEEEE provide a gentle 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, clarity, and an understated, natural sophistication.

Best used for

  • Luxury branding and websites
  • Minimalist photography portfolios
  • High-end tech interfaces
  • Winter fashion editorial design
  • Environmental advocacy platforms
  • Corporate presentations with a serene feel

Suggested color roles

primary

#6A5ACD (A rich, medium slate blue, excellent for main headings, important call-to-action buttons, or key UI elements that command attention.)

secondary

#B0C4DE (A cool, light slate grey, 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

#F8F8FF (A pristine, almost-white background that ensures maximum readability and a spacious, airy feel for any design.)

text

#6A5ACD (The slate blue provides excellent contrast for body text on lighter backgrounds, ensuring high readability.)

Accessibility notes

  • Ensure #6A5ACD text on #F8F8FF background meets WCAG AAA standards for optimal readability.
  • Avoid using #AFEEEE or #E0FFFF for text on similar light backgrounds, as contrast will be insufficient.
  • When using #B0C4DE for interactive elements, verify its contrast with surrounding colors for clear user feedback.
  • For critical information, always pair the darkest available color, #6A5ACD, with the lightest background, #F8F8FF.

Recommended combinations

Deep Frost

Ideal for a clean background with strong primary text and a cool grey for headings or key actions.

#F8F8FF · #6A5ACD · #B0C4DE

Icy Layers

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

#E0FFFF · #AFEEEE · #B0C4DE

Slate Accent

Apply the slate blue for focal points, with lighter whites providing a serene context.

#6A5ACD · #F8F8FF · #E0FFFF

CSS variables

:root {
  --arctic-glacier-edge-1: #F8F8FF;
  --arctic-glacier-edge-2: #E0FFFF;
  --arctic-glacier-edge-3: #AFEEEE;
  --arctic-glacier-edge-4: #6A5ACD;
  --arctic-glacier-edge-5: #B0C4DE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arctic-glacier-edge": {
        1: "#F8F8FF",
        2: "#E0FFFF",
        3: "#AFEEEE",
        4: "#6A5ACD",
        5: "#B0C4DE",
      }
    }
  }
}

Related searches

frosty blue white palettearctic glacier color schememinimalist cool brandingserene UI design bluefrozen landscape web colors

Palette colors

Hex values

Color 1#F8F8FF
·
Color 2#E0FFFF
·
Color 3#AFEEEE
·
Color 4#6A5ACD
·
Color 5#B0C4DE
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
1.2:1Fail
5:1AA
1.7:1Fail
2
1:1Fail
1.2:1Fail
5:1AA
1.7:1Fail
3
1.2:1Fail
1.2:1Fail
4.1:1AA18
1.4:1Fail
4
5:1AA
5:1AA
4.1:1AA18
3:1Fail
5
1.7:1Fail
1.7:1Fail
1.4:1Fail
3:1Fail

Similar palettes

More like Arctic Glacier Edge

View all cool
Arctic Shoreline Chill
Arctic Shoreline Frost
Arctic Twilight Ice
Frozen Tundra Vista
Arctic Blossom Chill
Arctic Frost Jewel