Palette

Glacier Ice Peaks

Pristine blues and whites capture the majestic, untouched beauty of ancient glaciers.

coolminimal5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E0FFFF#AFEEEE#7AC6C6#458B8B#22333B

Palette guide

How to use Glacier Ice Peaks

Overview

The Glacier Ice Peaks palette presents a striking collection of cool blues and teals, capturing the majestic, untouched beauty of ancient glaciers. It spans from the ethereal brightness of #E0FFFF and #AFEEEE to the profound depth of #22333B, with #7AC6C6 and #458B8B providing rich, grounding mid-tones. This palette offers a sophisticated balance between light and shadow, enabling designers and developers to create designs that convey strength, clarity, and a sense of serene grandeur. It's perfect for projects aiming for a refined, natural, and slightly stark aesthetic, evoking the pristine wilderness.

Best used for

Arctic expedition or conservation branding
High-end outdoor gear companies
Minimalist art or photography displays
Corporate websites with a clean, serious tone
Environmental science publications
Winter-themed luxury products

Suggested color roles

primary

#22333B (Very Dark Blue-Gray) - The dominant color, ideal for main navigation, footers, or strong brand statements, conveying sophistication and authority.

secondary

#458B8B (Dark Teal) - Suited for sub-sections, card backgrounds, or larger content areas, providing a rich yet less imposing presence.

accent

#7AC6C6 (Medium Aqua) - Use for interactive elements, calls to action, or key highlights, offering a refreshing pop against darker tones.

background

#E0FFFF (Light Cyan) - A very light, almost white background that offers excellent contrast for dark text and maintains the palette's cool, clean aesthetic.

text

For light backgrounds, a dark charcoal like #222222 or #22333B is highly readable. For dark backgrounds, a crisp white or #E0FFFF ensures visibility.

Accessibility notes

#22333B, #458B8B, and #7AC6C6 provide excellent contrast against #E0FFFF for text.
When using darker backgrounds, ensure light text (e.g., #E0FFFF) meets contrast requirements.
Avoid using #AFEEEE as text on #E0FFFF without careful contrast checking for small fonts.
Ensure interactive elements are clearly distinguishable, perhaps with borders or hover effects, especially on darker backgrounds.

Recommended combinations

Peak UI

A clean interface with a bright background, a refreshing mid-tone for content blocks, and a deep, grounding color for actions.

#E0FFFF · #7AC6C6 · #22333B

Arctic Gradient

Create a smooth, transitioning background for hero sections or headers, mimicking the subtle shifts of light on ice.

#AFEEEE · #7AC6C6 · #458B8B

Contrast Focus

Use the deepest color for primary content, the lightest for backgrounds, and the mid-aqua for impactful accents or links.

#22333B · #E0FFFF · #7AC6C6

CSS variables

:root {
  --glacier-ice-peaks-2-1: #E0FFFF;
  --glacier-ice-peaks-2-2: #AFEEEE;
  --glacier-ice-peaks-2-3: #7AC6C6;
  --glacier-ice-peaks-2-4: #458B8B;
  --glacier-ice-peaks-2-5: #22333B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "glacier-ice-peaks-2": {
        1: "#E0FFFF",
        2: "#AFEEEE",
        3: "#7AC6C6",
        4: "#458B8B",
        5: "#22333B",
      }
    }
  }
}

Hex values

Color 1#E0FFFF

Color 2#AFEEEE

Color 3#7AC6C6

Color 4#458B8B

Color 5#22333B

Accessibility

Contrast checker

1.2:1Fail

1.9:1Fail

3.7:1AA18

12.4:1AAA

1.2:1Fail

1.5:1Fail

3.1:1AA18

10.1:1AAA

1.9:1Fail

1.5:1Fail

2:1Fail

6.7:1AA

3.7:1AA18

3.1:1AA18

2:1Fail

3.3:1AA18

12.4:1AAA

10.1:1AAA

6.7:1AA

3.3:1AA18

Similar palettes

More like Glacier Ice Peaks

Arctic Glacier Sparkle

Arctic Ice Crystal