Back to palettes

Palette

Glacial Stream Whisper

Crisp, clear blues and greens reflect the refreshing flow of a mountain stream fed by melting snow.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Glacial Stream Whisper 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 Glacial Stream Whisper.

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

Data visualization

#E0F7F7#B3EBEB#8CD4D4#5EBDBD#2E9A9A

Palette guide

How to use Glacial Stream Whisper

Overview

The "Glacial Stream Whisper" palette evokes the crisp, refreshing flow of a mountain stream with a beautiful gradient of cool blues and greens. This collection is vibrant yet serene, offering a sense of purity and natural energy. From the almost luminous #E0F7F7 to the deep, grounding #2E9A9A, it provides a versatile range for conveying freshness and clarity. Mid-tones like #B3EBEB, #8CD4D4, and #5EBDBD allow for smooth transitions and depth, making this palette ideal for designs that aim to be clean, invigorating, and deeply connected to nature.

Best used for

  • Eco-conscious brand identities
  • Health and wellness products
  • Refreshing beverage packaging
  • Outdoor and nature-themed apps
  • Spa or meditation website design
  • Sustainable living blogs

Suggested color roles

primary

#5EBDBD - A vibrant, clear teal, excellent for main headings, calls-to-action, or primary brand elements.

secondary

#8CD4D4 - A softer, yet still lively blue-green for supporting content, subheadings, or background panels.

accent

#B3EBEB - A very light, crisp aqua, perfect for subtle highlights, hover states, or delicate decorative lines.

background

#E0F7F7 - A very light, almost white aqua, providing an airy, clean, and refreshing canvas.

text

#2E9A9A - A deep, rich teal, offering excellent contrast and readability for primary body text on light backgrounds.

Accessibility notes

  • Ensure #2E9A9A text on #E0F7F7 provides sufficient contrast.
  • Use a lighter text color (e.g., white or a very light gray) when placing text on #5EBDBD or #2E9A9A.
  • Avoid using #E0F7F7 for text on #B3EBEB or #8CD4D4, as contrast will be insufficient.
  • Always check contrast ratios for interactive elements, especially if they use the lighter shades for active states.

Recommended combinations

Stream Depths

Clean website layout: #E0F7F7 as background, #8CD4D4 for content sections, and #2E9A9A for strong headings.

#E0F7F7 · #8CD4D4 · #2E9A9A

Aqua Flow

Create a dynamic, flowing gradient for backgrounds or large graphic elements, mimicking water movement.

#B3EBEB · #5EBDBD · #8CD4D4

Fresh Contrast

#2E9A9A for strong branding, #B3EBEB for subtle accents, and #E0F7F7 for a bright, clean base.

#2E9A9A · #B3EBEB · #E0F7F7

CSS variables

:root {
  --glacial-stream-whisper-1: #E0F7F7;
  --glacial-stream-whisper-2: #B3EBEB;
  --glacial-stream-whisper-3: #8CD4D4;
  --glacial-stream-whisper-4: #5EBDBD;
  --glacial-stream-whisper-5: #2E9A9A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "glacial-stream-whisper": {
        1: "#E0F7F7",
        2: "#B3EBEB",
        3: "#8CD4D4",
        4: "#5EBDBD",
        5: "#2E9A9A",
      }
    }
  }
}

Related searches

teal green color paletterefreshing aqua schemeglacial stream colorsclean nature designvibrant cool tones

Palette colors

Hex values

Color 1#E0F7F7
·
Color 2#B3EBEB
·
Color 3#8CD4D4
·
Color 4#5EBDBD
·
Color 5#2E9A9A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.5:1Fail
2:1Fail
3:1AA18
2
1.2:1Fail
1.3:1Fail
1.7:1Fail
2.6:1Fail
3
1.5:1Fail
1.3:1Fail
1.3:1Fail
2:1Fail
4
2:1Fail
1.7:1Fail
1.3:1Fail
1.5:1Fail
5
3:1AA18
2.6:1Fail
2:1Fail
1.5:1Fail

Similar palettes

More like Glacial Stream Whisper

View all cool
Mint Glacial Stream
Spring Bloom Whisper
Alpine Lake Serene
Aquatic Moss Garden
Arctic Northern Bloom
Bluebell Valley