Back to palettes

Palette

Gentle Lake Mist

Soft blues and muted grays that evoke the serene, foggy beauty of a tranquil lake at dawn.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B0C4DE#E6E6FA#ADD8E6#87CEEB#778899

Palette guide

How to use Gentle Lake Mist

Overview

The "Gentle Lake Mist" palette evokes the serene, ethereal beauty of a misty lake at dawn with its soft blues and muted grays. Featuring the gentle gray-blue of "#B0C4DE" and the airy, near-white "#E6E6FA", alongside the calming light blues "#ADD8E6" and "#87CEEB", this collection is grounded by the subtle depth of "#778899". It's a harmonious blend that creates a sense of tranquility, introspection, and quiet elegance. This palette is particularly well-suited for designs that aim for a minimalist, sophisticated, or calming aesthetic, perfect for conveying peace and natural beauty.

Best used for

  • Spa and wellness applications
  • Minimalist website designs
  • Photography portfolios
  • Serene home decor branding
  • Meditation and mindfulness apps
  • Elegant stationery or print media

Suggested color roles

primary

"#778899" provides a grounding, sophisticated gray-blue, ideal for main headings or key brand elements.

secondary

"#B0C4DE" works well for subheadings, navigation, or larger content blocks, offering a soft, inviting tone.

accent

Use "#87CEEB" for subtle highlights, interactive elements, or to add a touch of fresh blue without overpowering.

background

"#E6E6FA" offers an exceptionally light, almost white canvas, promoting a clean, airy, and expansive feel.

text

Dark charcoal or black is recommended for text on lighter backgrounds; "#778899" on "#E6E6FA" provides good contrast.

Accessibility notes

  • "#E6E6FA" is very light; ensure dark text (e.g., black) has sufficient contrast on it.
  • "#ADD8E6" and "#B0C4DE" may require darker text for good readability, especially for small font sizes.
  • The darkest color, "#778899", offers good contrast with the lightest shades.
  • All text and interactive elements should be checked against WCAG contrast guidelines.

Recommended combinations

Misty Shores

For foundational layouts and creating a sense of natural depth and calm.

#778899 · #B0C4DE · #ADD8E6

Dawn Haze

Ideal for light, airy sections, subtle gradients, or decorative elements that evoke morning light.

#E6E6FA · #ADD8E6 · #87CEEB

Calm Reflections

A balanced trio for subtle information hierarchy or graphic accents in a serene interface.

#B0C4DE · #87CEEB · #778899

CSS variables

:root {
  --gentle-lake-mist-1: #B0C4DE;
  --gentle-lake-mist-2: #E6E6FA;
  --gentle-lake-mist-3: #ADD8E6;
  --gentle-lake-mist-4: #87CEEB;
  --gentle-lake-mist-5: #778899;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gentle-lake-mist": {
        1: "#B0C4DE",
        2: "#E6E6FA",
        3: "#ADD8E6",
        4: "#87CEEB",
        5: "#778899",
      }
    }
  }
}

Related searches

misty blue color palettetranquil gray blue schemeserene lake colorsminimalist calm designethereal pastel blues

Palette colors

Hex values

Color 1#B0C4DE
·
Color 2#E6E6FA
·
Color 3#ADD8E6
·
Color 4#87CEEB
·
Color 5#778899
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.2:1Fail
1:1Fail
2:1Fail
2
1.4:1Fail
1.2:1Fail
1.4:1Fail
3:1Fail
3
1.2:1Fail
1.2:1Fail
1.1:1Fail
2.4:1Fail
4
1:1Fail
1.4:1Fail
1.1:1Fail
2.1:1Fail
5
2:1Fail
3:1Fail
2.4:1Fail
2.1:1Fail

Similar palettes

More like Gentle Lake Mist

View all cool
Misty Morning Lake
Calm Lake Reflections
Dawn Lake Whisper
Frosty Morning Lake
Lake Dawn Hush
Misty Morning Horizon