Back to palettes

Palette

Arctic Ice Glacier

The breathtaking, stark beauty of frozen landscapes, reflecting infinite shades of ice and snow.

Coolminimal5 colors
More Cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#5F9EA0#F0F8FF#D3D3D3#E0FFFF#1E90FF

Palette guide

How to use Arctic Ice Glacier

Overview

The Arctic Ice Glacier palette captures the breathtaking, stark beauty of frozen landscapes, reflecting infinite shades of ice and snow. Ranging from the pristine #F0F8FF to the vibrant #1E90FF, this collection offers designers and developers a cool, minimalist aesthetic perfect for conveying cleanliness, tranquility, and modern elegance. The prominent #D3D3D3 and #E0FFFF 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 purity, calm, and an understated, natural sophistication.

Best used for

  • Environmental conservation websites
  • Minimalist tech interfaces
  • Winter sports branding
  • Spa and wellness digital platforms
  • Travel agencies (arctic destinations)
  • Scientific data visualization

Suggested color roles

primary

#1E90FF (A vibrant, bright blue, excellent for main headings, crucial call-to-action buttons, or key UI elements that demand attention.)

secondary

#5F9EA0 (A muted teal-blue, ideal for subheadings, secondary interactive elements, or supporting graphical features, providing gentle contrast.)

accent

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

background

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

text

#1E90FF (The vibrant blue provides good contrast for body text on lighter backgrounds, ensuring clear readability.)

Accessibility notes

  • Ensure #1E90FF text on #F0F8FF background meets WCAG AA standards; for AAA, verify contrast, especially for smaller text.
  • Avoid using #E0FFFF or #D3D3D3 for text on #F0F8FF, as contrast will be insufficient.
  • When using #5F9EA0 for interactive elements, verify its contrast with surrounding colors for clear user feedback.
  • For critical information, always pair the darkest available color, #1E90FF, with the lightest background, #F0F8FF.

Recommended combinations

Dynamic Ice

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

#F0F8FF · #1E90FF · #5F9EA0

Glacial Layers

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

#E0FFFF · #D3D3D3 · #5F9EA0

Teal Accent

Apply the vibrant blue for focal points, with lighter tones providing a serene context.

#1E90FF · #F0F8FF · #D3D3D3

CSS variables

:root {
  --arctic-ice-glacier-1: #5F9EA0;
  --arctic-ice-glacier-2: #F0F8FF;
  --arctic-ice-glacier-3: #D3D3D3;
  --arctic-ice-glacier-4: #E0FFFF;
  --arctic-ice-glacier-5: #1E90FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arctic-ice-glacier": {
        1: "#5F9EA0",
        2: "#F0F8FF",
        3: "#D3D3D3",
        4: "#E0FFFF",
        5: "#1E90FF",
      }
    }
  }
}

Related searches

arctic blue white paletteice glacier color schememinimalist cool brandingserene UI design bluefrozen landscape web colors

Palette colors

Hex values

Color 1#5F9EA0
·
Color 2#F0F8FF
·
Color 3#D3D3D3
·
Color 4#E0FFFF
·
Color 5#1E90FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.8:1Fail
2:1Fail
2.9:1Fail
1.1:1Fail
2
2.8:1Fail
1.4:1Fail
1:1Fail
3:1AA18
3
2:1Fail
1.4:1Fail
1.4:1Fail
2.2:1Fail
4
2.9:1Fail
1:1Fail
1.4:1Fail
3.1:1AA18
5
1.1:1Fail
3:1AA18
2.2:1Fail
3.1:1AA18

Similar palettes

More like Arctic Ice Glacier

View all Cool
Arctic Glacier Chill
Arctic Glacier Lagoon
Frozen Tundra Calm
Glacial Cave Depths
Silent Arctic Tundra
Arctic Chill