Back to palettes

Palette

Glacial Peak Air

A crisp, ethereal palette reflecting the clear, cool air and icy blues of high mountain peaks.

coolminimal5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#ADD8E6#87CEEB#B0E0E6#E0FFFF#6A5ACD

Palette guide

How to use Glacial Peak Air

Overview

The Glacial Peak Air palette offers a crisp, ethereal blend of cool, icy blues complemented by a striking blue-violet accent. Featuring the vibrant #87CEEB, the soft #ADD8E6, and the light #B0E0E6, all grounded by the pristine #E0FFFF and punctuated by the deep #6A5ACD, this collection evokes the clear, refreshing air of high mountain peaks. Designers and developers can leverage this palette to create interfaces that feel clean, modern, and invigorating. It's particularly effective for designs that require a touch of sophistication and a refreshing visual appeal, ideal for conveying purity and innovation.

Best used for

  • Technology and software interfaces (clean, futuristic)
  • Wellness and meditation applications
  • Luxury travel destinations (icy landscapes)
  • Science and research institution branding
  • Skincare and beauty brands (purity focus)
  • Modern minimalist branding

Suggested color roles

primary

Utilize #87CEEB as a vibrant primary color for main content areas, headings, or interactive elements, conveying clarity and energy.

secondary

Employ #ADD8E6 for supporting visual elements, background patterns, or subtle dividers, offering a calming, softer presence.

accent

Apply #6A5ACD sparingly for bold calls-to-action, important icons, or impactful headings that require a deep, striking contrast.

background

The very light #E0FFFF serves as an ideal, airy background, enhancing content readability and providing a spacious feel.

text

For body text, use a dark charcoal or #6A5ACD for headings on #E0FFFF to ensure strong readability and visual impact.

Accessibility notes

  • Ensure #6A5ACD text on #E0FFFF background provides excellent contrast for optimal readability.
  • Avoid using #ADD8E6 or #B0E0E6 for small text on #E0FFFF, as contrast levels will be insufficient.
  • Use #87CEEB for larger headings on #E0FFFF, but always verify contrast for smaller body text.
  • Interactive elements should clearly stand out, using #6A5ACD for maximum visibility.

Recommended combinations

Vibrant UI

A clear blue (#87CEEB) for main UI elements, a light background (#E0FFFF), and a striking violet accent (#6A5ACD) for dynamism.

#87CEEB · #E0FFFF · #6A5ACD

Ethereal Flow

A soft blue (#ADD8E6) for content, a slightly darker blue panel (#B0E0E6), and the lightest background (#E0FFFF) for an ethereal feel.

#ADD8E6 · #B0E0E6 · #E0FFFF

Peak Contrast

Combine the bold blue-violet (#6A5ACD) with pure white (#E0FFFF) for high contrast, using the vibrant sky blue (#87CEEB) for secondary content.

#6A5ACD · #E0FFFF · #87CEEB

CSS variables

:root {
  --glacial-peak-air-1: #ADD8E6;
  --glacial-peak-air-2: #87CEEB;
  --glacial-peak-air-3: #B0E0E6;
  --glacial-peak-air-4: #E0FFFF;
  --glacial-peak-air-5: #6A5ACD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "glacial-peak-air": {
        1: "#ADD8E6",
        2: "#87CEEB",
        3: "#B0E0E6",
        4: "#E0FFFF",
        5: "#6A5ACD",
      }
    }
  }
}

Related searches

icy blue purple palettecrisp cool colorsethereal tech brandingrefreshing ui designmodern minimalist blue scheme

Palette colors

Hex values

Color 1#ADD8E6
·
Color 2#87CEEB
·
Color 3#B0E0E6
·
Color 4#E0FFFF
·
Color 5#6A5ACD
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.1:1Fail
1.4:1Fail
3.5:1AA18
2
1.1:1Fail
1.2:1Fail
1.7:1Fail
3:1AA18
3
1.1:1Fail
1.2:1Fail
1.4:1Fail
3.7:1AA18
4
1.4:1Fail
1.7:1Fail
1.4:1Fail
5:1AA
5
3.5:1AA18
3:1AA18
3.7:1AA18
5:1AA

Similar palettes

More like Glacial Peak Air

View all cool
Arctic Frost Edge
Arctic Glacier Sparkle
Arctic Glacier Bloom
Arctic Glacier Chill
Arctic Ice Crystal
Arctic Ice Gleam