Back to palettes

Palette

Glacier Ridge Chill

Evokes the stark, beautiful landscape of glaciers and arctic waters with frosty blue and white tones.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Glacier Ridge Chill 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 Ridge Chill.

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

Data visualization

#F0F8FF#CDE0ED#A7C8DC#7EAFC6#5A95AF

Palette guide

How to use Glacier Ridge Chill

Overview

The Glacier Ridge Chill palette offers a refreshing and invigorating sequence of cool blues, reminiscent of arctic waters and frosted landscapes. Starting with the crisp, near-white #F0F8FF, it progressively deepens through the icy #CDE0ED and the balanced #A7C8DC, reaching the more saturated #7EAFC6 and the commanding #5A95AF. This palette is expertly crafted to evoke feelings of clarity, freshness, and modern minimalism. Designers can leverage its cohesive gradient for creating intuitive user interfaces, while developers will appreciate its clean aesthetic for projects requiring a cool, contemporary feel. It’s particularly well-suited for technology brands, environmental initiatives, or any design seeking to project a clean, expansive, and reliable image.

Best used for

  • Tech company websites and app interfaces
  • Environmental and sustainability reports
  • Winter sports apparel branding
  • Medical or scientific presentation designs
  • Clean, minimalist interior design concepts
  • Digital marketing for fresh food or beverage products

Suggested color roles

primary

#5A95AF serves as a strong primary, excellent for main calls to action, important headers, or impactful graphical elements that require a dominant cool blue.

secondary

#7EAFC6 offers a versatile mid-tone, suitable for secondary buttons, subheadings, or larger content blocks where a softer blue is desired.

accent

#A7C8DC can be used for subtle highlights, interactive states, or as a background element that provides a gentle contrast without overpowering.

background

#F0F8FF is a pristine, almost white base, perfect for main content areas, ensuring maximum readability and a clean, expansive feel.

text

For optimal contrast on #F0F8FF, use #5A95AF or a true black. For text on #5A95AF, use #F0F8FF.

Accessibility notes

  • Ensure high contrast for text, especially when using #A7C8DC on #CDE0ED.
  • Text in #5A95AF on #F0F8FF will generally pass contrast standards, offering good readability.
  • Be mindful of low contrast combinations like #CDE0ED on #F0F8FF for small text.
  • Consider using a darker blue like #5A95AF for links on lighter backgrounds to improve visibility for all users.

Recommended combinations

Arctic Core

Strong for branding; #5A95AF as brand color, #CDE0ED for secondary elements, and #F0F8FF for backgrounds and text.

#5A95AF · #CDE0ED · #F0F8FF

Gradient Flow

Ideal for subtle gradients in hero sections or background elements, creating a sense of depth and fluidity.

#7EAFC6 · #A7C8DC · #CDE0ED

Crisp Clarity

A clean and modern combination. #F0F8FF as background, #5A95AF for primary text/buttons, and #7EAFC6 for secondary details.

#F0F8FF · #5A95AF · #7EAFC6

CSS variables

:root {
  --glacier-ridge-chill-2-1: #F0F8FF;
  --glacier-ridge-chill-2-2: #CDE0ED;
  --glacier-ridge-chill-2-3: #A7C8DC;
  --glacier-ridge-chill-2-4: #7EAFC6;
  --glacier-ridge-chill-2-5: #5A95AF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "glacier-ridge-chill-2": {
        1: "#F0F8FF",
        2: "#CDE0ED",
        3: "#A7C8DC",
        4: "#7EAFC6",
        5: "#5A95AF",
      }
    }
  }
}

Related searches

cool blue web design colorsarctic color scheme uiminimalist blue white palettefresh clean brand colorsglacier theme digital design

Palette colors

Hex values

Color 1#F0F8FF
·
Color 2#CDE0ED
·
Color 3#A7C8DC
·
Color 4#7EAFC6
·
Color 5#5A95AF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.6:1Fail
2.2:1Fail
3.1:1AA18
2
1.3:1Fail
1.3:1Fail
1.8:1Fail
2.4:1Fail
3
1.6:1Fail
1.3:1Fail
1.4:1Fail
1.9:1Fail
4
2.2:1Fail
1.8:1Fail
1.4:1Fail
1.4:1Fail
5
3.1:1AA18
2.4:1Fail
1.9:1Fail
1.4:1Fail

Similar palettes

More like Glacier Ridge Chill

View all cool
Arctic Explorer's Dream
Arctic Frost Jewel
Arctic Glacier Melt
Arctic Lake Glass
Arctic Shoreline Chill
Arctic Shoreline Frost