Back to palettes

Palette

Glacier Ice Peaks

A cool, invigorating palette of blues, reminiscent of towering glaciers and pristine ice formations.

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

#E3F2FD#BBDEFB#90CAF9#64B5F6#42A5F5

Palette guide

How to use Glacier Ice Peaks

Overview

The Glacier Ice Peaks palette offers a cool, invigorating spectrum of blues, reminiscent of towering glaciers and pristine ice formations. It gracefully transitions from the airy #E3F2FD, a near-white, through the soft #BBDEFB and #90CAF9, to the more saturated and impactful #64B5F6 and #42A5F5. This harmonious gradient provides designers and developers with a versatile toolkit for creating clean, crisp, and refreshing visual experiences. It’s perfect for projects that aim to evoke clarity, freshness, and a sense of expansive calm, bringing a touch of winter's pristine beauty to any design.

Best used for

  • Modern tech company branding
  • Clean, minimalist app interfaces
  • Winter-themed marketing campaigns
  • Educational content on climate science
  • Refreshing beverage or food packaging
  • Sports or active lifestyle brands

Suggested color roles

primary

#42A5F5 (Bright Blue) - Ideal for main calls to action, important headings, or key graphical elements, providing a clear and energetic focus.

secondary

#64B5F6 (Medium Blue) - Suited for sub-sections, secondary buttons, or larger content areas, offering a strong yet balanced presence.

accent

#90CAF9 (Light Blue) - Use for subtle highlights, interactive states, or decorative flourishes that maintain the palette's refreshing feel.

background

#E3F2FD (Very Pale Blue) - An expansive, almost white background that ensures excellent readability and an overall crisp, clean aesthetic.

text

A dark charcoal like #333333 provides optimal contrast for body text. #42A5F5 works well for headings or prominent text.

Accessibility notes

  • #42A5F5, #64B5F6, and #90CAF9 offer good contrast against #E3F2FD for most text sizes.
  • Exercise caution when using #BBDEFB for small text on #E3F2FD; ensure sufficient contrast.
  • For interactive elements, ensure distinct visual feedback beyond just color change.
  • Always use a high-contrast combination like dark text on #E3F2FD for essential information.

Recommended combinations

Crisp UI

A modern interface with a very pale background, soft card elements, and a vibrant primary action color.

#E3F2FD · #BBDEFB · #42A5F5

Blue Gradient

Create smooth, invigorating gradients for hero banners or background sections, simulating a clear sky.

#BBDEFB · #90CAF9 · #64B5F6

Highlight Focus

Use the palest blue as a canvas, medium blue for content, and the bright blue for impactful accents or links.

#E3F2FD · #64B5F6 · #42A5F5

CSS variables

:root {
  --glacier-ice-peaks-3-1: #E3F2FD;
  --glacier-ice-peaks-3-2: #BBDEFB;
  --glacier-ice-peaks-3-3: #90CAF9;
  --glacier-ice-peaks-3-4: #64B5F6;
  --glacier-ice-peaks-3-5: #42A5F5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "glacier-ice-peaks-3": {
        1: "#E3F2FD",
        2: "#BBDEFB",
        3: "#90CAF9",
        4: "#64B5F6",
        5: "#42A5F5",
      }
    }
  }
}

Related searches

crisp blue color palettecool glacier blue schememodern blue UI colorslight blue winter brandingrefreshing clean design

Palette colors

Hex values

Color 1#E3F2FD
·
Color 2#BBDEFB
·
Color 3#90CAF9
·
Color 4#64B5F6
·
Color 5#42A5F5
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.5:1Fail
1.9:1Fail
2.3:1Fail
2
1.2:1Fail
1.2:1Fail
1.6:1Fail
1.9:1Fail
3
1.5:1Fail
1.2:1Fail
1.3:1Fail
1.5:1Fail
4
1.9:1Fail
1.6:1Fail
1.3:1Fail
1.2:1Fail
5
2.3:1Fail
1.9:1Fail
1.5:1Fail
1.2:1Fail

Similar palettes

More like Glacier Ice Peaks

View all Cool
Arctic Chill
Arctic Glacier Chill
Winter Woodland Frost
Arctic Fox Camouflage
Arctic Ice Shimmer
Frosted Juniper Berries