Palette

Glacial Ice Peaks

Crisp, cold hues reflecting the stark beauty of towering ice formations.

coolminimal5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Glacial Ice Peaks 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 Ice Peaks.

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

Data visualization

#D0E0E3#AEC0C4#8BA0A6#678087#45606B

Palette guide

How to use Glacial Ice Peaks

Overview

The Glacial Ice Peaks palette captures the stark, minimalist beauty of towering ice formations with a range of cool, muted tones. This sophisticated collection transitions from the soft, almost white #D0E0E3 to the deep, grounding #45606B. It's an excellent choice for designers seeking to convey a sense of calm, purity, and understated elegance. The mid-tones like #AEC0C4 and #8BA0A6 provide subtle depth, while #678087 adds a stronger anchor. This palette is particularly effective for clean interfaces, luxury branding, or any project aiming for a serene yet impactful visual presence.

Best used for

Minimalist branding and logos
Luxury product packaging
Modern architectural visualizations
Serene digital interfaces and apps
Editorial design for high-end publications
Winter fashion and lifestyle brands

Suggested color roles

primary

#45606B - This deep, cool grey-blue serves as a strong foundation for headers, footers, or important structural elements, providing stability.

secondary

#8BA0A6 - A balanced mid-tone that can be used for secondary navigation, card backgrounds, or subtle graphical elements, offering gentle contrast.

accent

#D0E0E3 - This very light, almost white tone acts as a soft accent for hover states, subtle highlights, or delicate design flourishes.

background

#D0E0E3 - Ideal for main content areas, providing a clean, airy, and expansive backdrop that allows darker text and elements to stand out clearly.

text

#45606B - Excellent for primary body text on lighter backgrounds like #D0E0E3 or #AEC0C4, ensuring good readability and maintaining the cool aesthetic.

Accessibility notes

Ensure #45606B text on #D0E0E3 background meets WCAG contrast standards for readability.
Avoid using mid-tones like #AEC0C4 or #8BA0A6 for small text on light backgrounds to prevent insufficient contrast.
For interactive elements, use #45606B against lighter shades to clearly indicate clickability.
When layering colors, test adjacent lighter tones (e.g., #D0E0E3 and #AEC0C4) for sufficient visual separation.

Recommended combinations

Stark Clarity

Provides high contrast for text and background, ideal for headers, main content, and critical information.

#45606B · #D0E0E3 · #AEC0C4

Subtle Depth

Creates a gentle visual hierarchy and depth, suitable for card designs, layered UI elements, or subtle gradients.

#AEC0C4 · #8BA0A6 · #D0E0E3

Foundational Contrast

Use the darker shades for structure and primary text, with the lightest as a clean background.

#678087 · #D0E0E3 · #45606B

CSS variables

:root {
  --glacial-ice-peaks-2-1: #D0E0E3;
  --glacial-ice-peaks-2-2: #AEC0C4;
  --glacial-ice-peaks-2-3: #8BA0A6;
  --glacial-ice-peaks-2-4: #678087;
  --glacial-ice-peaks-2-5: #45606B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "glacial-ice-peaks-2": {
        1: "#D0E0E3",
        2: "#AEC0C4",
        3: "#8BA0A6",
        4: "#678087",
        5: "#45606B",
      }
    }
  }
}

Hex values

Color 1#D0E0E3

Color 2#AEC0C4

Color 3#8BA0A6

Color 4#678087

Color 5#45606B

Accessibility

Contrast checker

1.4:1Fail

2:1Fail

3.1:1AA18

4.9:1AA

1.4:1Fail

1.5:1Fail

2.2:1Fail

3.5:1AA18

2:1Fail

1.5:1Fail

2.4:1Fail

3.1:1AA18

2.2:1Fail

1.5:1Fail

1.6:1Fail

4.9:1AA

3.5:1AA18

2.4:1Fail

1.6:1Fail

Similar palettes

More like Glacial Ice Peaks

Glacial Ice Peaks

See it in context.

Ready when you are.

Built with Glacial Ice Peaks.

How to use Glacial Ice Peaks

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Stark Clarity

Subtle Depth

Foundational Contrast

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Glacial Ice Peaks