Back to palettes

Palette

Glacier Stream Flow

Clear, cool blues and aquas inspired by glacial meltwater streams.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A2D0DB#7CB0C0#5A8F9E#3B6B7A#1E4A5C

Palette guide

How to use Glacier Stream Flow

Overview

The Glacier Stream Flow palette presents a sophisticated and cohesive range of cool blues and aquas, inspired by tranquil glacial meltwater streams. Moving from the gentle #A2D0DB to the deep, commanding #1E4A5C, with versatile mid-tones like #7CB0C0, #5A8F9E, and #3B6B7A, this collection is designed to evoke serenity, depth, and natural purity. Designers will find these shades excellent for creating professional, calming, and trustworthy interfaces. Developers can implement this harmonious range for elegant corporate websites, environmental initiatives, or any platform where a sense of reliability and understated elegance is paramount. The natural progression of hues ensures visual balance and allows for clear hierarchy in design elements.

Best used for

  • Environmental and conservation organization websites
  • Luxury spa or retreat branding
  • Financial services with a focus on stability
  • Professional consulting and advisory firms
  • High-end technology interfaces
  • Nature-inspired interior design concepts

Suggested color roles

primary

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

secondary

#3B6B7A works well for subheadings, secondary calls to action, or larger content blocks, offering a substantial yet less dominant presence.

accent

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

background

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

text

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

Accessibility notes

  • Text in #1E4A5C on #A2D0DB will offer excellent contrast and readability.
  • Be cautious when using #7CB0C0 text on #A2D0DB; contrast may be insufficient for small fonts.
  • Ensure that interactive elements using #5A8F9E have sufficient contrast against their background.
  • For color-blind users, rely on sufficient luminance contrast rather than hue differences alone.

Recommended combinations

Stream Depth

Strong for corporate branding. #1E4A5C for headers, #3B6B7A for content blocks, and #A2D0DB for clean backgrounds.

#1E4A5C · #3B6B7A · #A2D0DB

Aqua Transition

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

#7CB0C0 · #5A8F9E · #3B6B7A

Clear Waters

A classic, high-contrast combination. #A2D0DB as background, #1E4A5C for primary text, and #5A8F9E for accents.

#A2D0DB · #1E4A5C · #5A8F9E

CSS variables

:root {
  --glacier-stream-flow-1: #A2D0DB;
  --glacier-stream-flow-2: #7CB0C0;
  --glacier-stream-flow-3: #5A8F9E;
  --glacier-stream-flow-4: #3B6B7A;
  --glacier-stream-flow-5: #1E4A5C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "glacier-stream-flow": {
        1: "#A2D0DB",
        2: "#7CB0C0",
        3: "#5A8F9E",
        4: "#3B6B7A",
        5: "#1E4A5C",
      }
    }
  }
}

Related searches

cool blue green paletteserene water color schemedeep aqua ui colorsnatural calm brandingsophisticated blue web design

Palette colors

Hex values

Color 1#A2D0DB
·
Color 2#7CB0C0
·
Color 3#5A8F9E
·
Color 4#3B6B7A
·
Color 5#1E4A5C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.1:1Fail
3.5:1AA18
5.7:1AA
2
1.4:1Fail
1.5:1Fail
2.5:1Fail
4:1AA18
3
2.1:1Fail
1.5:1Fail
1.6:1Fail
2.7:1Fail
4
3.5:1AA18
2.5:1Fail
1.6:1Fail
1.6:1Fail
5
5.7:1AA
4:1AA18
2.7:1Fail
1.6:1Fail

Similar palettes

More like Glacier Stream Flow

View all cool
Cool Glacier Lagoon
Glacial Lagoon Calm
Glacial Lake Serenity
Glacier Bloom Melt
Glacier Lake Serenity
Northern Lake Chill