Back to palettes

Palette

Mint Glacial Stream

Cool, refreshing greens and blues, like icy mint swirling in a glacial stream.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#DFFBFB#BEECEC#9DDBD2#7CCBC7#59BBA0

Palette guide

How to use Mint Glacial Stream

Overview

The Mint Glacial Stream palette captures the essence of cool, refreshing greens and blues, like icy mint swirling in a pristine glacial stream. Its spectrum ranges from the almost white #DFFBFB to the deep #59BBA0, encompassing various shades of serene blue-green like #BEECEC and #9DDBD2. This palette is perfect for designers and developers seeking to evoke calmness, freshness, and a connection to nature. It provides a tranquil yet invigorating visual experience, ideal for projects that emphasize purity, sustainability, or aquatic themes, creating a harmonious and refreshing aesthetic.

Best used for

  • Eco-tourism and outdoor adventure branding
  • Sustainable product packaging and websites
  • Aquatic sports and swimwear brands
  • Wellness retreats and mindfulness apps
  • Clean energy and environmental initiatives
  • Spa and relaxation-focused digital experiences

Suggested color roles

primary

Designate #9DDBD2 as the primary color for main content blocks or navigation, offering a soothing yet present hue.

secondary

Apply #7CCBC7 for secondary information, subheadings, or as a slightly darker background to create subtle hierarchy.

accent

Reserve #59BBA0 for strong accents, call-to-action buttons, or important icons, ensuring clear visibility.

background

Utilize #DFFBFB as the main background color, providing an exceptionally light and expansive canvas that enhances freshness.

text

For optimal readability, use a dark charcoal or black for body text on the very light backgrounds, ensuring sharp contrast.

Accessibility notes

  • Ensure very high contrast for dark text on #DFFBFB and #BEECEC backgrounds, as they are very light.
  • Avoid using lighter palette colors (e.g., #BEECEC) for small text on similar backgrounds; contrast will be insufficient.
  • Interactive elements (buttons, links) should have clear visual states using darker colors like #59BBA0.
  • For text on #9DDBD2 or #7CCBC7, use white or a very light gray to ensure good contrast and legibility.

Recommended combinations

Stream Flow

Very light background, with mid blue-green for primary text and dark blue-green for strong accents.

#DFFBFB · #9DDBD2 · #59BBA0

Aqua Layers

Create a gradient or layered effect for UI elements, adding depth and visual interest.

#BEECEC · #7CCBC7 · #59BBA0

Minty Depth

Lightest background with darker blue-green for main content and mid-tone for secondary details.

#DFFBFB · #7CCBC7 · #9DDBD2

CSS variables

:root {
  --mint-glacial-stream-1: #DFFBFB;
  --mint-glacial-stream-2: #BEECEC;
  --mint-glacial-stream-3: #9DDBD2;
  --mint-glacial-stream-4: #7CCBC7;
  --mint-glacial-stream-5: #59BBA0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mint-glacial-stream": {
        1: "#DFFBFB",
        2: "#BEECEC",
        3: "#9DDBD2",
        4: "#7CCBC7",
        5: "#59BBA0",
      }
    }
  }
}

Related searches

glacial stream colorscool green blue paletterefreshing water themeserene aqua tonessustainable brand colors

Palette colors

Hex values

Color 1#DFFBFB
·
Color 2#BEECEC
·
Color 3#9DDBD2
·
Color 4#7CCBC7
·
Color 5#59BBA0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.4:1Fail
1.7:1Fail
2.1:1Fail
2
1.2:1Fail
1.2:1Fail
1.5:1Fail
1.8:1Fail
3
1.4:1Fail
1.2:1Fail
1.2:1Fail
1.5:1Fail
4
1.7:1Fail
1.5:1Fail
1.2:1Fail
1.2:1Fail
5
2.1:1Fail
1.8:1Fail
1.5:1Fail
1.2:1Fail

Similar palettes

More like Mint Glacial Stream

View all cool