Palette

Winter Glacier Peak

Crisp blues and cool grays mirroring the serene and majestic peaks of an ice-capped winter glacier.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Winter Glacier Peak 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 Winter Glacier Peak.

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

Data visualization

#ADD8E6#87CEEB#6495ED#4682B4#2F4F4F

Palette guide

How to use Winter Glacier Peak

Overview

The Winter Glacier Peak palette captures the majestic essence of ice-capped mountains with its crisp blues and deep, cool grays. Ranging from the light, ethereal #ADD8E6 to the profound #2F4F4F, this palette offers a strong sense of depth and tranquility. The vibrant #6495ED and classic #4682B4 provide robust mid-tones, making it highly versatile for conveying stability, professionalism, and a refreshing clarity. Designers can leverage these shades to create powerful visual narratives, from corporate branding to nature-inspired digital interfaces, ensuring a sophisticated and impactful presence.

Best used for

Outdoor adventure brands
Technology company websites
Professional corporate identities
Environmental organizations
Winter sports apparel design
Educational content on nature

Suggested color roles

primary

Use #4682B4 for strong headers, primary CTAs, or brand logos, conveying trust and stability.

secondary

Ideal for subheadings, active states, or graphic elements needing a brighter, engaging blue like #6495ED.

accent

A vibrant, cool accent using #87CEEB for highlights, interactive elements, or illustrative details.

background

Provides a light, airy base with #ADD8E6 that complements the deeper blues and grays beautifully.

text

Excellent for main body text using #2F4F4F, offering strong contrast and readability on lighter backgrounds like #ADD8E6.

Accessibility notes

Ensure #2F4F4F text on #ADD8E6 or #87CEEB backgrounds meets WCAG contrast standards.
Lighter blues like #ADD8E6 and #87CEEB should not be used for small text on light backgrounds.
Reserve #6495ED for larger text or interactive elements to ensure visibility.
Always test color pairings, especially for buttons and links, to guarantee sufficient contrast for all users.

Recommended combinations

Mountain Depth

Strong contrast for text and background, anchored by a solid, dependable blue.

#2F4F4F · #ADD8E6 · #4682B4

Sky & Ice

Creates a bright, open feel, suitable for headers or light design elements.

#87CEEB · #ADD8E6 · #6495ED

Glacier Flow

A dynamic trio for gradients or layered elements, providing depth and cool sophistication.

#4682B4 · #6495ED · #2F4F4F

CSS variables

:root {
  --winter-glacier-peak-1: #ADD8E6;
  --winter-glacier-peak-2: #87CEEB;
  --winter-glacier-peak-3: #6495ED;
  --winter-glacier-peak-4: #4682B4;
  --winter-glacier-peak-5: #2F4F4F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "winter-glacier-peak": {
        1: "#ADD8E6",
        2: "#87CEEB",
        3: "#6495ED",
        4: "#4682B4",
        5: "#2F4F4F",
      }
    }
  }
}

Hex values

Color 1#ADD8E6

Color 2#87CEEB

Color 3#6495ED

Color 4#4682B4

Color 5#2F4F4F

Accessibility

Contrast checker

1.1:1Fail

1.9:1Fail

2.7:1Fail

5.8:1AA

1.1:1Fail

1.7:1Fail

2.4:1Fail

5.1:1AA

1.9:1Fail

1.7:1Fail

1.4:1Fail

3:1AA18

2.7:1Fail

2.4:1Fail

1.4:1Fail

2.2:1Fail

5.8:1AA

5.1:1AA

3:1AA18

2.2:1Fail

Similar palettes

More like Winter Glacier Peak

View all cool

Arctic Glacier Chill

Arctic Lake Ice

Arctic Shoreline Chill

Arctic Shoreline Frost

Arctic Twilight Ice

Frosted Alpine Peak