Back to palettes

Palette

Icy Mountain Stream

Crisp, clear blues and greens mimicking the pure, cold flow of an icy mountain stream.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Icy Mountain Stream 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 Icy Mountain Stream.

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

Data visualization

#9BD4D4#73BCCB#4CA7BF#2D86A3#E1F5F5

Palette guide

How to use Icy Mountain Stream

Overview

The "Icy Mountain Stream" palette delivers a crisp and refreshing collection of cool blues and teals, reminiscent of pure alpine waters. Featuring vibrant shades like #9BD4D4, #73BCCB, and the deeper #2D86A3, this palette is ideal for designs that aim to convey freshness, clarity, and natural purity. Developers and designers can leverage its harmonious progression for clean interfaces in health, outdoor, or environmental sectors. The light #E1F5F5 provides an excellent base, while the stronger blues offer impactful accents and primary elements. It's a versatile choice for a clean, invigorating digital presence.

Best used for

  • Outdoor adventure brand websites
  • Environmental non-profit platforms
  • Health and wellness app interfaces
  • Water filtration product branding
  • Spa or relaxation service websites
  • Modern tech company dashboards

Suggested color roles

primary

Assign #4CA7BF (Cerulean) to key interactive elements, main navigation, or prominent headings for a clear, inviting focus.

secondary

Use #73BCCB (Sky Blue) for secondary information panels, sub-headers, or background sections that need a softer, yet distinct blue hue.

accent

Apply #9BD4D4 (Light Sea Green) for subtle highlights, small graphic elements, or hover states to add a touch of vibrancy.

background

Employ #E1F5F5 (Light Cyan) as the primary background color, providing a clean, airy, and highly readable canvas for content.

text

For body text, #2D86A3 (Steel Blue) offers excellent contrast against lighter backgrounds like #E1F5F5, ensuring strong readability.

Accessibility notes

  • Ensure #2D86A3 provides sufficient contrast for text on #E1F5F5 backgrounds to meet WCAG AA standards.
  • Be cautious when pairing #9BD4D4 with #73BCCB for text; ensure adequate contrast for readability, especially for smaller fonts.
  • All interactive elements should have a clear focus state with sufficient contrast against their background.
  • Avoid using the lightest colors like #9BD4D4 as text on white or near-white backgrounds.

Recommended combinations

Clean Content

Use #E1F5F5 for the page background, #2D86A3 for body text, and #73BCCB for subheadings or call-out boxes.

#E1F5F5 · #2D86A3 · #73BCCB

Header Focus

A striking header with #4CA7BF as background, #E1F5F5 for text, and #9BD4D4 for a subtle logo or decorative line.

#4CA7BF · #E1F5F5 · #9BD4D4

UI Element

Use #73BCCB for a default button, #4CA7BF for its hover state, and #9BD4D4 for a smaller icon within it.

#73BCCB · #4CA7BF · #9BD4D4

CSS variables

:root {
  --icy-mountain-stream-1: #9BD4D4;
  --icy-mountain-stream-2: #73BCCB;
  --icy-mountain-stream-3: #4CA7BF;
  --icy-mountain-stream-4: #2D86A3;
  --icy-mountain-stream-5: #E1F5F5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "icy-mountain-stream": {
        1: "#9BD4D4",
        2: "#73BCCB",
        3: "#4CA7BF",
        4: "#2D86A3",
        5: "#E1F5F5",
      }
    }
  }
}

Related searches

teal and blue paletterefreshing color schemeclean ui colorsmountain water aestheticnature inspired web design

Palette colors

Hex values

Color 1#9BD4D4
·
Color 2#73BCCB
·
Color 3#4CA7BF
·
Color 4#2D86A3
·
Color 5#E1F5F5
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.7:1Fail
2.5:1Fail
1.5:1Fail
2
1.3:1Fail
1.3:1Fail
1.9:1Fail
1.9:1Fail
3
1.7:1Fail
1.3:1Fail
1.5:1Fail
2.4:1Fail
4
2.5:1Fail
1.9:1Fail
1.5:1Fail
3.7:1AA18
5
1.5:1Fail
1.9:1Fail
2.4:1Fail
3.7:1AA18

Similar palettes

More like Icy Mountain Stream

View all cool
Aqua Marine Vista
Aqua Tile Spa
Arctic Lagoon Glaze
Glacial River Flow
Ocean Tide Wash
Alpine Lake Serene