Back to palettes

Palette

Glacier Ridge Chill

The serene, frosted blues of a vast glacier, reflecting the cold, clear winter sky above.

coolminimal5 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

#C4DEEC#93BCC8#639AB7#376F8C#1C455A

Palette guide

How to use Glacier Ridge Chill

Overview

The Glacier Ridge Chill palette presents a sophisticated and deep spectrum of cool blues, capturing the serene, frosted beauty of a vast glacier. Ranging from the light, airy #C4DEEC to the profound depth of #1C455A, with versatile mid-tones like #93BCC8, #639AB7, and #376F8C, this palette offers a rich foundation for designs requiring gravitas and tranquility. Designers will find these shades excellent for creating professional, trustworthy, and understated interfaces. Developers can implement this cohesive range for elegant corporate websites, financial applications, or any platform where a sense of reliability and calm is paramount. The progression from light to dark allows for dynamic visual hierarchies and a polished user experience.

Best used for

  • Financial services websites and applications
  • High-end corporate branding
  • Professional consulting firm identities
  • Luxury product packaging with a cool tone
  • Educational and scientific content platforms
  • UI/UX designs for productivity tools

Suggested color roles

primary

#1C455A provides a powerful, deep anchor, perfect for main navigation, key headings, or strong brand statements that require gravitas.

secondary

#376F8C works well for subheadings, secondary calls to action, or larger graphical elements, offering a substantial yet less dominant presence.

accent

#639AB7 can be used for interactive elements, hover states, or subtle graphical accents, providing a pop of cool brightness against the darker tones.

background

#C4DEEC serves as a crisp, light background, ideal for content areas to ensure excellent readability and a clean aesthetic.

text

For optimal readability on #C4DEEC, use #1C455A or a deep charcoal. For text on darker backgrounds, #C4DEEC or a near-white is recommended.

Accessibility notes

  • Text in #1C455A on #C4DEEC will offer excellent contrast and readability.
  • Ensure sufficient contrast for text when using #639AB7 on #93BCC8, which might be borderline.
  • Avoid using #93BCC8 for small text on #C4DEEC due to potential contrast issues.
  • Consider using a consistent darker blue for all interactive elements to aid navigation for users with visual impairments.

Recommended combinations

Glacial Depth

Strong for corporate branding. #1C455A for headers, #376F8C for content blocks, and #C4DEEC for clean backgrounds.

#1C455A · #376F8C · #C4DEEC

Mid-Tone Flow

Creates a smooth, cohesive gradient for backgrounds or layered UI elements, adding depth without harsh contrast.

#93BCC8 · #639AB7 · #376F8C

Crisp & Clear

A classic, high-contrast combination. #C4DEEC as background, #1C455A for primary text, and #639AB7 for accents.

#C4DEEC · #1C455A · #639AB7

CSS variables

:root {
  --glacier-ridge-chill-1: #C4DEEC;
  --glacier-ridge-chill-2: #93BCC8;
  --glacier-ridge-chill-3: #639AB7;
  --glacier-ridge-chill-4: #376F8C;
  --glacier-ridge-chill-5: #1C455A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "glacier-ridge-chill": {
        1: "#C4DEEC",
        2: "#93BCC8",
        3: "#639AB7",
        4: "#376F8C",
        5: "#1C455A",
      }
    }
  }
}

Related searches

deep blue color schemeprofessional cold paletteelegant glacier bluescorporate UI colorsserene winter web design

Palette colors

Hex values

Color 1#C4DEEC
·
Color 2#93BCC8
·
Color 3#639AB7
·
Color 4#376F8C
·
Color 5#1C455A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.2:1Fail
3.9:1AA18
7.3:1AAA
2
1.5:1Fail
1.5:1Fail
2.7:1Fail
5:1AA
3
2.2:1Fail
1.5:1Fail
1.8:1Fail
3.3:1AA18
4
3.9:1AA18
2.7:1Fail
1.8:1Fail
1.9:1Fail
5
7.3:1AAA
5:1AA
3.3:1AA18
1.9:1Fail

Similar palettes

More like Glacier Ridge Chill

View all cool
Arctic Frost Edge
Arctic Glacier Chill
Arctic Ice Drift
Arctic Ice Glimmer
Arctic Ice Shard
Arctic Ice Shimmer