Palette

Glacial Peak Mist

Icy blues and misty grays that capture the stark beauty and chilling air of remote glacial landscapes, serene yet powerful.

coolminimal5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Glacial Peak Mist 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 Glacial Peak Mist.

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

Data visualization

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

Palette guide

How to use Glacial Peak Mist

Overview

The "Glacial Peak Mist" palette evokes the stark yet beautiful atmosphere of icy, remote landscapes, offering a sophisticated range of cool blues and deep grays. This selection is ideal for projects requiring a sense of calm, professionalism, and understated power. From the near-white #E0FFFF, reminiscent of fresh snow, to the deep, grounding #2F4F4F, it provides excellent versatility. Mid-tones like #B0E0E6 and #87CEEB beautifully capture misty skies, while #4682B4 adds a solid, authoritative blue. This palette is perfect for creating designs that feel clean, contemporary, and deeply serene.

Best used for

Corporate websites with a modern, serious tone
Winter fashion or outdoor gear branding
Luxury product packaging
Financial services interfaces
Scientific or environmental data visualization
Architectural design presentations

Suggested color roles

primary

#4682B4 - A strong, reliable blue for main branding, headings, or primary interactive elements.

secondary

#87CEEB - Use for supporting content, sub-sections, or as a lighter complement to the primary blue.

accent

#B0E0E6 - A gentle, misty blue for subtle highlights, hover states, or decorative lines.

background

#E0FFFF - An almost pure white, perfect for a clean, expansive canvas that makes other colors pop.

text

#2F4F4F - A deep, dark slate gray, offering excellent contrast for primary body text on light backgrounds.

Accessibility notes

Ensure #2F4F4F text on #E0FFFF provides sufficient contrast.
When using #4682B4 for text on lighter backgrounds, verify WCAG AA compliance.
Avoid using #B0E0E6 or #87CEEB for small text on #E0FFFF without checking contrast.
Consider a slightly darker shade for #B0E0E6 if used for critical information on light backgrounds.

Recommended combinations

Mist & Depth

Classic corporate theme: #E0FFFF for background, #4682B4 for headers/CTAs, and #2F4F4F for body text.

#E0FFFF · #4682B4 · #2F4F4F

Sky Gradient

Create a smooth, atmospheric gradient for backgrounds or large graphic elements.

#B0E0E6 · #87CEEB · #4682B4

Subtle Contrast

#2F4F4F for strong elements, #B0E0E6 for supporting details, and #E0FFFF for spacious backgrounds.

#2F4F4F · #B0E0E6 · #E0FFFF

CSS variables

:root {
  --glacial-peak-mist-1: #E0FFFF;
  --glacial-peak-mist-2: #B0E0E6;
  --glacial-peak-mist-3: #87CEEB;
  --glacial-peak-mist-4: #4682B4;
  --glacial-peak-mist-5: #2F4F4F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "glacial-peak-mist": {
        1: "#E0FFFF",
        2: "#B0E0E6",
        3: "#87CEEB",
        4: "#4682B4",
        5: "#2F4F4F",
      }
    }
  }
}

Hex values

Color 1#E0FFFF

Color 2#B0E0E6

Color 3#87CEEB

Color 4#4682B4

Color 5#2F4F4F

Accessibility

Contrast checker

1.4:1Fail

1.7:1Fail

3.9:1AA18

8.5:1AAA

1.4:1Fail

1.2:1Fail

2.9:1Fail

6.2:1AA

1.7:1Fail

1.2:1Fail

2.4:1Fail

5.1:1AA

3.9:1AA18

2.9:1Fail

2.4:1Fail

2.2:1Fail

8.5:1AAA

6.2:1AA

5.1:1AA

2.2:1Fail

Similar palettes

More like Glacial Peak Mist