Back to palettes

Palette

Glacier River Flow

Icy blues and crisp whites represent the pristine, cold waters of a glacier-fed river.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Glacier River Flow 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 River Flow.

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

Data visualization

#E6F3F8#BFDDE9#99C7DC#72B1CD#4B9AC0

Palette guide

How to use Glacier River Flow

Overview

The Glacier River Flow palette embodies the pristine, cold waters of a glacier-fed river, combining icy blues with crisp whites. This refreshing collection flows from the almost ethereal #E6F3F8, through the gentle #BFDDE9 and #99C7DC, to the more pronounced #72B1CD and the deep, calming #4B9AC0. It's an excellent choice for designs that need to convey purity, freshness, and a sense of calm. Designers can leverage this palette for creating clean, modern, and trustworthy interfaces. Developers will find its harmonious range ideal for building user experiences that feel light, airy, and professional. It’s particularly well-suited for wellness, environmental, technology, or any brand seeking to project a clean, reliable, and tranquil image.

Best used for

  • Wellness and mental health applications
  • Environmental conservation initiatives
  • Tech startups with a clean aesthetic
  • Baby product branding
  • Spa and beauty product packaging
  • Modern architectural visualization

Suggested color roles

primary

#4B9AC0 provides a solid, dependable primary color, excellent for main calls to action, important headings, or significant brand elements.

secondary

#72B1CD serves as a versatile secondary, suitable for subheadings, secondary buttons, or larger content blocks where a slightly lighter blue is preferred.

accent

#99C7DC can be used for subtle highlights, interactive states, or as a background element that adds a gentle, cool touch without being overpowering.

background

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

text

For optimal contrast on #E6F3F8, use #4B9AC0 or a deep charcoal black. For text on darker backgrounds like #4B9AC0, use #E6F3F8.

Accessibility notes

  • Text in #4B9AC0 on #E6F3F8 will generally provide excellent contrast and readability.
  • Be cautious with #BFDDE9 text on #E6F3F8; it will likely have insufficient contrast for body text.
  • Ensure all interactive elements have a contrast ratio of at least 4.5:1 against their background.
  • Consider pairing the lighter blues with a darker text color for improved readability for users with low vision.

Recommended combinations

River Depth

Effective for corporate identity. #4B9AC0 for brand elements, #72B1CD for secondary details, and #E6F3F8 for backgrounds.

#4B9AC0 · #72B1CD · #E6F3F8

Icy Flow

Creates a subtle, flowing gradient for headers or background sections, conveying a sense of calm movement.

#BFDDE9 · #99C7DC · #72B1CD

Pure Contrast

A clean and crisp combination. #E6F3F8 as background, #4B9AC0 for primary text/buttons, and #99C7DC for subtle accents.

#E6F3F8 · #4B9AC0 · #99C7DC

CSS variables

:root {
  --glacier-river-flow-1: #E6F3F8;
  --glacier-river-flow-2: #BFDDE9;
  --glacier-river-flow-3: #99C7DC;
  --glacier-river-flow-4: #72B1CD;
  --glacier-river-flow-5: #4B9AC0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "glacier-river-flow": {
        1: "#E6F3F8",
        2: "#BFDDE9",
        3: "#99C7DC",
        4: "#72B1CD",
        5: "#4B9AC0",
      }
    }
  }
}

Related searches

clean blue white palettefresh water color schemeserene ui colorscool digital brandingminimalist ice blue theme

Palette colors

Hex values

Color 1#E6F3F8
·
Color 2#BFDDE9
·
Color 3#99C7DC
·
Color 4#72B1CD
·
Color 5#4B9AC0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.6:1Fail
2.1:1Fail
2.8:1Fail
2
1.3:1Fail
1.3:1Fail
1.7:1Fail
2.2:1Fail
3
1.6:1Fail
1.3:1Fail
1.3:1Fail
1.7:1Fail
4
2.1:1Fail
1.7:1Fail
1.3:1Fail
1.3:1Fail
5
2.8:1Fail
2.2:1Fail
1.7:1Fail
1.3:1Fail

Similar palettes

More like Glacier River Flow

View all cool
Glacier Melt Runoff
Winter Glacier Bloom
Arctic Frost Jewel
Arctic Glacier Melt
Arctic Ocean
Arctic Sapphire Glimmer