Palette

Mint Glacial Spring

Refreshingly cool and clean, like a pristine glacial spring with clear, crisp water and icy reflections.

coolminimal5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#87D6C0#A8EDE0#CCFFEF#E0F7FA#B2EBF2

Palette guide

How to use Mint Glacial Spring

Overview

The Mint Glacial Spring palette is refreshingly cool and clean, like a pristine glacial spring with clear, crisp water and icy reflections. Its harmonious blend of mint greens and light blues, from the vibrant #87D6C0 to the serene #E0F7FA, and the cool #B2EBF2, creates an atmosphere of purity and calm. This palette is an excellent choice for designers and developers aiming to convey freshness, cleanliness, and a sense of natural, untouched beauty. It's particularly effective for designs that require a light, airy, and invigorating feel, evoking a sense of clarity and renewal.

Best used for

Skincare and beauty product branding
Wellness and health-focused applications
Bottled water or beverage companies
Clean technology interfaces
Modern spa and wellness center websites
Eco-conscious and sustainable brand identities

Suggested color roles

primary

Utilize #87D6C0 as the primary color for headers, navigation, or key visual elements, providing a fresh and inviting base.

secondary

Apply #B2EBF2 for secondary content areas, subheadings, or as a contrasting panel, adding a cool, watery depth.

accent

Reserve #CCFFEF for subtle accents, hover states, or delicate illustrations that require a very light, ethereal touch.

background

Employ #E0F7FA as the main background color, creating an expansive, clean, and calming canvas for all content.

text

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

Accessibility notes

Ensure sufficient contrast for dark text on #E0F7FA and #CCFFEF backgrounds; these are very light.
Avoid using lighter palette colors (e.g., #A8EDE0, #CCFFEF) for small text on similarly light backgrounds.
Interactive elements need clear visual feedback (hover, active states) using darker greens or blues for contrast.
For text on #87D6C0 or #B2EBF2, use white or a very light gray to ensure good contrast.

Recommended combinations

Spring Fresh

Light blue background with mint green for primary elements and a slightly darker blue for accents.

#E0F7FA · #87D6C0 · #B2EBF2

Icy Layers

Create a subtle, cool gradient for backgrounds or layered UI components, evoking depth.

#CCFFEF · #A8EDE0 · #87D6C0

Aqua Clarity

Mid-blue as a base, with mint green for headings and a very light mint for delicate details.

#B2EBF2 · #87D6C0 · #CCFFEF

CSS variables

:root {
  --mint-glacial-spring-1: #87D6C0;
  --mint-glacial-spring-2: #A8EDE0;
  --mint-glacial-spring-3: #CCFFEF;
  --mint-glacial-spring-4: #E0F7FA;
  --mint-glacial-spring-5: #B2EBF2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mint-glacial-spring": {
        1: "#87D6C0",
        2: "#A8EDE0",
        3: "#CCFFEF",
        4: "#E0F7FA",
        5: "#B2EBF2",
      }
    }
  }
}

Hex values

Color 1#87D6C0

Color 2#A8EDE0

Color 3#CCFFEF

Color 4#E0F7FA

Color 5#B2EBF2

Accessibility

Contrast checker

1.3:1Fail

1.5:1Fail

1.3:1Fail

1.2:1Fail

1:1Fail

1.5:1Fail

1.2:1Fail

1:1Fail

1.2:1Fail

1.5:1Fail

1.2:1Fail

1:1Fail

1.2:1Fail

1.3:1Fail

1:1Fail

1.2:1Fail

Similar palettes

More like Mint Glacial Spring

Mint Glacial Spring

See it in context.

Ready when you are.

Built with Mint Glacial Spring.

How to use Mint Glacial Spring

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Spring Fresh

Icy Layers

Aqua Clarity

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Mint Glacial Spring