Back to palettes

Palette

Winter Glacier Mist

A tranquil palette of frosty blues and greens, evoking the ethereal beauty of a misty winter glacier.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Winter Glacier Mist 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 Winter Glacier Mist.

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

Data visualization

#C7E9E8#A2D9D2#6AABAA#B2DBDB#E0FFFF

Palette guide

How to use Winter Glacier Mist

Overview

The Winter Glacier Mist palette offers a tranquil and refreshing collection of frosty blues and greens, perfect for designs aiming for serenity and clarity. This palette, featuring the crisp #C7E9E8 and the deeper #6AABAA, evokes the ethereal beauty of a misty, ice-laden landscape. The light, airy #E0FFFF provides a clean canvas, while #A2D9D2 and #B2DBDB offer versatile mid-tones that bridge the light and dark shades gracefully. Designers can leverage this palette for projects requiring a calm, sophisticated, and slightly cool aesthetic, from digital interfaces to print media, ensuring a refreshing visual experience.

Best used for

  • Spa and wellness branding
  • Eco-friendly product packaging
  • Serene web interfaces
  • Children's book illustrations
  • Nature photography websites
  • Calm interior decor themes

Suggested color roles

primary

Use #6AABAA for main headings, important calls to action, or core brand elements to convey stability and calm.

secondary

Ideal for subheadings, secondary buttons, or graphical accents that require a softer touch, using #A2D9D2.

accent

A delicate accent using #B2DBDB for interactive elements, subtle highlights, or decorative borders.

background

Provides a very light, almost white canvas with #E0FFFF, enhancing the palette's airy and fresh feel.

text

Suitable for body text using #6AABAA on lighter backgrounds like #E0FFFF, offering good readability. For dark backgrounds, use a very light color.

Accessibility notes

  • Text in #6AABAA on #E0FFFF should generally pass contrast ratios, but always verify.
  • Avoid using #C7E9E8, #B2DBDB, or #E0FFFF for small text against similarly light backgrounds.
  • Ensure interactive elements using lighter shades have sufficient visual cues beyond color, e.g., underlines or icons.
  • Consider a darker charcoal text if legibility is critical on #C7E9E8 or #A2D9D2 backgrounds.

Recommended combinations

Fresh Contrast

Classic light background with clear text and a supportive mid-tone for readability.

#6AABAA · #E0FFFF · #A2D9D2

Soft Gradient

Creates a gentle, flowing visual effect, ideal for backgrounds or subtle UI elements.

#C7E9E8 · #A2D9D2 · #B2DBDB

Deep Serenity

A balanced combination for content blocks, ensuring clarity while maintaining a calm mood.

#6AABAA · #E0FFFF · #B2DBDB

CSS variables

:root {
  --winter-glacier-mist-1: #C7E9E8;
  --winter-glacier-mist-2: #A2D9D2;
  --winter-glacier-mist-3: #6AABAA;
  --winter-glacier-mist-4: #B2DBDB;
  --winter-glacier-mist-5: #E0FFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "winter-glacier-mist": {
        1: "#C7E9E8",
        2: "#A2D9D2",
        3: "#6AABAA",
        4: "#B2DBDB",
        5: "#E0FFFF",
      }
    }
  }
}

Related searches

tranquil blue green paletteserene cool colorsfrosty mint palettelight aqua designcalm UI color scheme

Palette colors

Hex values

Color 1#C7E9E8
·
Color 2#A2D9D2
·
Color 3#6AABAA
·
Color 4#B2DBDB
·
Color 5#E0FFFF
·

Accessibility

Contrast checker

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

Similar palettes

More like Winter Glacier Mist

View all cool
Frosty Morning Lake
Glacier Ice Caves
Arctic Whisper
Coastal Mist Horizon
Cool Glacier Lagoon
Fjorden Mist Calm