Back to palettes

Palette

Glacial Lake Mist

Reflects the serene, misty blues and greys of a cold, still glacial lake at dawn.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Glacial Lake 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 Glacial Lake Mist.

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

Data visualization

#6A8EAD#B3CDD9#E8EDF2#3E5B70#89A7B3

Palette guide

How to use Glacial Lake Mist

Overview

The Glacial Lake Mist palette captures the ethereal beauty of a misty, cool lake, blending subdued blues and soft greys. Ranging from the deep #3E5B70 (Dark Slate Gray) to the airy #E8EDF2 (Alice Blue), with harmonious mid-tones like #6A8EAD (Cadet Blue), #89A7B3 (Light Slate Gray), and #B3CDD9 (Light Steel Blue), this scheme exudes tranquility and understated sophistication. It’s perfect for designers and developers creating calm, professional, and inviting digital experiences that feel both modern and timeless.

Best used for

  • Wellness and mindfulness apps
  • Architectural or interior design portfolios
  • High-end stationery and print media
  • Tech companies emphasizing calm interfaces
  • Luxury hotel or spa branding
  • Abstract art or photography exhibitions

Suggested color roles

primary

Utilize #3E5B70 (Dark Slate Gray) as a deep, grounding blue-grey, excellent for main branding, navigation, or strong headlines, conveying stability.

secondary

Apply #6A8EAD (Cadet Blue) as a muted, supportive blue-grey for subheadings, background sections, or detailed information panels.

accent

Employ #89A7B3 (Light Slate Gray) as a versatile mid-tone for subtle accents, icons, or interactive elements that need a gentle highlight.

background

The near-white, airy #E8EDF2 (Alice Blue) provides optimal readability and a sense of openness, making content shine.

text

Use #3E5B70 (Dark Slate Gray) or a standard black for body text and primary content, ensuring clear, legible text against the light background.

Accessibility notes

  • Ensure #3E5B70 text on #E8EDF2 provides sufficient contrast for all users, meeting WCAG AA/AAA standards.
  • Be cautious when using #B3CDD9 or #89A7B3 for text, especially on light backgrounds, as contrast can be low.
  • Interactive elements should have distinct visual cues for their states, such as a subtle border or a slight color shift on hover.
  • Avoid using lighter palette colors on each other for text to maintain readability and prevent contrast issues.

Recommended combinations

Misty Foundation

Creates a strong, calm base with clear hierarchy and a gentle accent, ideal for main page layouts.

#3E5B70 · #E8EDF2 · #6A8EAD

Subtle Layers

Perfect for creating depth in UI elements, background patterns, or soft gradients, adding visual interest.

#6A8EAD · #B3CDD9 · #E8EDF2

Refined Contrast

Balances deep tones with lighter, muted blues for a sophisticated, layered appearance in content blocks.

#3E5B70 · #89A7B3 · #B3CDD9

CSS variables

:root {
  --glacial-lake-mist-1: #6A8EAD;
  --glacial-lake-mist-2: #B3CDD9;
  --glacial-lake-mist-3: #E8EDF2;
  --glacial-lake-mist-4: #3E5B70;
  --glacial-lake-mist-5: #89A7B3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "glacial-lake-mist": {
        1: "#6A8EAD",
        2: "#B3CDD9",
        3: "#E8EDF2",
        4: "#3E5B70",
        5: "#89A7B3",
      }
    }
  }
}

Related searches

blue grey color palettecalm web design colorsmisty brand identityserene UI palettesubtle corporate colors

Palette colors

Hex values

Color 1#6A8EAD
·
Color 2#B3CDD9
·
Color 3#E8EDF2
·
Color 4#3E5B70
·
Color 5#89A7B3
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.1:1Fail
2.9:1Fail
2.1:1Fail
1.4:1Fail
2
2.1:1Fail
1.4:1Fail
4.3:1AA18
1.5:1Fail
3
2.9:1Fail
1.4:1Fail
6.1:1AA
2.2:1Fail
4
2.1:1Fail
4.3:1AA18
6.1:1AA
2.8:1Fail
5
1.4:1Fail
1.5:1Fail
2.2:1Fail
2.8:1Fail

Similar palettes

More like Glacial Lake Mist

View all cool
Alpine Frost Serenity
Arctic Lake Ice
Arctic Serenity
Fjord Ice Escape
Fjords Ice Chill
Frozen Lake Reflection