Back to palettes

Palette

Silent Lake Mist

The hushed serenity of a lake enveloped in morning mist, with cool blues and muted grays reflecting the sky.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#ACB7BF#688599#3A5C70#8A9CA8#CED6DD

Palette guide

How to use Silent Lake Mist

Overview

The Silent Lake Mist palette evokes a sense of tranquil serenity, perfect for designs requiring a calm, sophisticated atmosphere. Featuring cool blues and muted grays, this collection includes the deep, anchoring #3A5C70, a versatile mid-tone #688599, and the soft, expansive #CED6DD. Designers can leverage these shades to create interfaces that feel peaceful and professional, while developers will appreciate the clear hierarchy achievable. Its subdued elegance makes it ideal for projects aiming for a minimalist yet profound visual identity, ensuring a cohesive and harmonious user experience across various digital and print mediums.

Best used for

  • Meditation or wellness app interfaces
  • Luxury spa and resort branding
  • Architectural and interior design portfolios
  • Environmental or nature-focused websites
  • Corporate or professional service presentations
  • Minimalist e-commerce platforms for high-end goods

Suggested color roles

primary

#3A5C70 - A strong, deep blue-gray, ideal for prominent headings, primary call-to-action buttons, or main navigation elements to establish a solid foundation.

secondary

#688599 - A versatile medium blue-gray, excellent for subheadings, secondary interactive elements, or backgrounds of content blocks, providing subtle visual separation.

accent

#ACB7BF - A lighter, muted blue-gray, perfect for subtle highlights, active states, borders, or iconography where a gentle emphasis is desired without being overly vibrant.

background

#CED6DD - The lightest shade, serving as a clean, serene canvas for main content areas, ensuring readability and a sense of spaciousness.

text

#3A5C70 - Use this deep blue-gray for primary body text and headings for excellent contrast against light backgrounds, or pair with a dark charcoal like #333333 for smaller body text.

Accessibility notes

  • Ensure sufficient contrast between #3A5C70 text and #CED6DD backgrounds for WCAG AA compliance.
  • Avoid using #ACB7BF or #8A9CA8 for small text against #CED6DD as contrast may be insufficient.
  • Use #688599 for larger text elements or as a background for lighter text to improve readability.
  • Test all interactive elements, especially those using accent colors, to ensure their states (hover, active) remain perceivable.

Recommended combinations

Misty Horizon

Ideal for clean, professional layouts; #CED6DD as background, #688599 for content blocks, and #3A5C70 for headings or primary buttons.

#CED6DD · #688599 · #3A5C70

Calm Depths

Creates a sophisticated, slightly darker mood; #8A9CA8 for main content, #3A5C70 for strong focal points, and #ACB7BF as a soft highlight.

#8A9CA8 · #3A5C70 · #ACB7BF

Subtle Serenity

Best for minimalist designs requiring a very light touch; #CED6DD as a dominant background, #ACB7BF for soft UI elements, and #688599 for secondary text or icons.

#CED6DD · #ACB7BF · #688599

CSS variables

:root {
  --silent-lake-mist-1: #ACB7BF;
  --silent-lake-mist-2: #688599;
  --silent-lake-mist-3: #3A5C70;
  --silent-lake-mist-4: #8A9CA8;
  --silent-lake-mist-5: #CED6DD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "silent-lake-mist": {
        1: "#ACB7BF",
        2: "#688599",
        3: "#3A5C70",
        4: "#8A9CA8",
        5: "#CED6DD",
      }
    }
  }
}

Related searches

tranquil blue gray color schemecalm web design palettemuted cool tones for UIserene brand colorssophisticated lake inspired palette

Palette colors

Hex values

Color 1#ACB7BF
·
Color 2#688599
·
Color 3#3A5C70
·
Color 4#8A9CA8
·
Color 5#CED6DD
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
3.5:1AA18
1.4:1Fail
1.4:1Fail
2
1.9:1Fail
1.8:1Fail
1.4:1Fail
2.6:1Fail
3
3.5:1AA18
1.8:1Fail
2.5:1Fail
4.9:1AA
4
1.4:1Fail
1.4:1Fail
2.5:1Fail
1.9:1Fail
5
1.4:1Fail
2.6:1Fail
4.9:1AA
1.9:1Fail

Similar palettes

More like Silent Lake Mist

View all cool
Silver Lake Morning
Calm Lake Reflections
Coastal Mist Horizon
Cool Glacier Mist
Frosty Morning Lake
Gentle Lake Mist