Back to palettes

Palette

Glacier River Flow

Clear, crisp aquas and blues mirroring the pure, icy flow of a glacial 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

#C9E8ED#A3D8E2#7ABFCF#52A7BC#348CA6

Palette guide

How to use Glacier River Flow

Overview

The Glacier River Flow palette is a vibrant and refreshing collection of cool aquas and blues, mirroring the pure, icy flow of a glacial river. It transitions beautifully from the light and airy #C9E8ED through the invigorating #A3D8E2 and #7ABFCF, down to the more substantial #52A7BC and the deep, anchoring #348CA6. This palette is perfect for designs that aim to convey clarity, freshness, and a sense of natural purity. Designers can utilize these shades to create dynamic and engaging user interfaces, while developers will appreciate their cohesive nature for building visually appealing and intuitive digital experiences. It's particularly effective for health, wellness, eco-friendly, or travel-related branding that emphasizes clean and pristine environments.

Best used for

  • Eco-conscious brand identities and packaging
  • Health and wellness app interfaces
  • Travel and tourism websites (especially for water-related destinations)
  • Spa and relaxation service branding
  • Product design for clean energy or water purification
  • Modern, refreshing website designs

Suggested color roles

primary

#348CA6 serves as a robust primary, ideal for strong calls to action, important headings, or significant graphical elements, providing depth and stability.

secondary

#52A7BC is a versatile mid-tone, excellent for secondary buttons, subheadings, or larger content blocks where a lively yet balanced aqua is desired.

accent

#7ABFCF works well for interactive elements, hover states, or subtle highlights, bringing a brighter, more energetic feel to the design.

background

#C9E8ED offers a clean, light, and airy base, perfect for main content areas to ensure excellent readability and a fresh aesthetic.

text

For optimal contrast on #C9E8ED, use #348CA6 or a dark charcoal. For text on darker backgrounds like #348CA6, use #C9E8ED or a near-white.

Accessibility notes

  • Text in #348CA6 on #C9E8ED should provide good contrast for readability.
  • Be cautious when using #A3D8E2 text on #C9E8ED; contrast may be insufficient for small fonts.
  • Ensure that interactive elements using #7ABFCF have sufficient contrast against their background.
  • For color-blind users, rely on luminance differences, as the hues are quite similar within the blue-aqua range.

Recommended combinations

Aqua Current

Strong for branding. #348CA6 for brand elements, #52A7BC for secondary features, and #C9E8ED for clean backgrounds.

#348CA6 · #52A7BC · #C9E8ED

Fresh Gradient

Ideal for creating smooth, flowing gradients in headers or background sections, mimicking water movement.

#A3D8E2 · #7ABFCF · #52A7BC

Pristine Contrast

Provides a clean, refreshing look. #C9E8ED as background, #348CA6 for primary text/buttons, and #7ABFCF for secondary details.

#C9E8ED · #348CA6 · #7ABFCF

CSS variables

:root {
  --glacier-river-flow-2-1: #C9E8ED;
  --glacier-river-flow-2-2: #A3D8E2;
  --glacier-river-flow-2-3: #7ABFCF;
  --glacier-river-flow-2-4: #52A7BC;
  --glacier-river-flow-2-5: #348CA6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "glacier-river-flow-2": {
        1: "#C9E8ED",
        2: "#A3D8E2",
        3: "#7ABFCF",
        4: "#52A7BC",
        5: "#348CA6",
      }
    }
  }
}

Related searches

fresh aqua blue paletteglacial water color schemeclean eco friendly colorsrefreshing ui designserene blue green brand

Palette colors

Hex values

Color 1#C9E8ED
·
Color 2#A3D8E2
·
Color 3#7ABFCF
·
Color 4#52A7BC
·
Color 5#348CA6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.6:1Fail
2.1:1Fail
3:1Fail
2
1.2:1Fail
1.3:1Fail
1.8:1Fail
2.5:1Fail
3
1.6:1Fail
1.3:1Fail
1.3:1Fail
1.9:1Fail
4
2.1:1Fail
1.8:1Fail
1.3:1Fail
1.4:1Fail
5
3:1Fail
2.5:1Fail
1.9:1Fail
1.4:1Fail

Similar palettes

More like Glacier River Flow

View all cool
Aqua Dream Glow
Aqua Dream Shimmer
Aqua Marine Reef
Aqua Ocean Dream
Aqua Ocean Tide
Aqua Tidal Pool