Palette

Arctic Glacier Chill

A frosty blend of blues and teals, capturing the pure, crisp air of glacial landscapes.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E0FFFF#B0E0E6#87CEFA#4682B4#2F4F4F

Palette guide

How to use Arctic Glacier Chill

Overview

The Arctic Glacier Chill palette is a frosty blend of blues and teals, capturing the pure, crisp air of glacial landscapes. Ranging from the pure #E0FFFF to the deep #2F4F4F, this collection offers designers and developers a cool, serene aesthetic perfect for conveying tranquility, professionalism, and a connection to nature's cooler elements. The prominent #B0E0E6 and #87CEFA provide a clear progression of icy tones, allowing for elegant visual hierarchies in UI design, impactful branding, and calming digital experiences. It's an excellent choice for projects that aim to evoke calm, clarity, and an understated elegance.

Best used for

Environmental conservation websites
Spa and wellness branding
Minimalist tech interfaces
Winter-themed event promotions
Travel agencies (arctic destinations)
Sustainable product packaging

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

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

accent

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

background

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

text

#2F4F4F (The darkest color in the palette, a deep dark slate grey, providing excellent contrast for body text on lighter backgrounds, ensuring high readability.)

Accessibility notes

Ensure #2F4F4F text on #E0FFFF background meets WCAG AAA standards for optimal readability.
Avoid using #B0E0E6 or #87CEFA for text on similar light backgrounds, as contrast will be insufficient.
When using #4682B4 for interactive elements, verify its contrast with surrounding colors for clear user feedback.
For critical information, always pair the darkest available color, #2F4F4F, with the lightest background, #E0FFFF.

Recommended combinations

Deep Tranquility

Ideal for a light background with deep, legible text and a strong blue for headings or key actions.

#E0FFFF · #2F4F4F · #4682B4

Icy Progression

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

#B0E0E6 · #87CEFA · #4682B4

Teal Accent

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

#4682B4 · #E0FFFF · #B0E0E6

CSS variables

:root {
  --arctic-glacier-chill-1: #E0FFFF;
  --arctic-glacier-chill-2: #B0E0E6;
  --arctic-glacier-chill-3: #87CEFA;
  --arctic-glacier-chill-4: #4682B4;
  --arctic-glacier-chill-5: #2F4F4F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arctic-glacier-chill": {
        1: "#E0FFFF",
        2: "#B0E0E6",
        3: "#87CEFA",
        4: "#4682B4",
        5: "#2F4F4F",
      }
    }
  }
}

Hex values

Color 1#E0FFFF

Color 2#B0E0E6

Color 3#87CEFA

Color 4#4682B4

Color 5#2F4F4F

Accessibility

Contrast checker

1.4:1Fail

1.6:1Fail

3.9:1AA18

8.5:1AAA

1.4:1Fail

1.2:1Fail

2.9:1Fail

6.2:1AA

1.6:1Fail

1.2:1Fail

2.4:1Fail

5.2:1AA

3.9:1AA18

2.9:1Fail

2.4:1Fail

2.2:1Fail

8.5:1AAA

6.2:1AA

5.2:1AA

2.2:1Fail

Similar palettes

More like Arctic Glacier Chill

View all cool

Frozen Crystal Grotto

Arctic Shoreline Chill