Back to palettes

Palette

Dawn Lake Whisper

Soft, ethereal blues and grays that capture the serene stillness of a misty lake at dawn.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Dawn Lake Whisper 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 Dawn Lake Whisper.

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

Data visualization

#EAF0F4#B9C8D4#87A3B7#5B7B94#A1BED1

Palette guide

How to use Dawn Lake Whisper

Overview

The Dawn Lake Whisper palette evokes serene stillness with its cool, ethereal blues and grays. This versatile collection, featuring shades like the light #EAF0F4, the calming #B9C8D4, and the deeper #5B7B94, is perfect for projects requiring a sense of peace and sophistication. Designers and developers can leverage these hues to create calming digital interfaces, elegant branding, or tranquil print materials. The muted tones, including #87A3B7 and the slightly warmer #A1BED1, offer a harmonious blend that promotes relaxation and clarity, making it an excellent choice for wellness apps, nature-inspired themes, or minimalist designs. Its subtle complexity allows for rich visual depth without being overwhelming.

Best used for

  • Wellness and meditation app interfaces
  • Spa or natural beauty product branding
  • Minimalist website designs
  • Interior design inspiration boards
  • Photography portfolio backgrounds
  • Serene corporate communication materials

Suggested color roles

primary

#5B7B94 - Use this deep, grounding blue as a primary brand color or for significant UI elements like headers and main buttons to establish a sense of stability and calm.

secondary

#87A3B7 - A balanced mid-tone blue-gray, ideal for secondary navigation, subheadings, or as a complementary background section to add subtle depth.

accent

#A1BED1 - This slightly brighter blue offers a gentle accent, suitable for interactive elements like hover states, notifications, or small decorative details without disrupting the calm.

background

#EAF0F4 - A very light, almost white blue-gray, perfect for clean, expansive backgrounds that provide an airy, open feel and excellent readability for darker text.

text

#B9C8D4 - A soft, readable gray-blue that works well for large body text on light backgrounds, or for secondary information. For primary text, a dark charcoal or black provides optimal contrast on #EAF0F4.

Accessibility notes

  • Ensure sufficient contrast between text and background, especially when using lighter shades together; for instance, #B9C8D4 text on #EAF0F4 may fail AA.
  • Use #5B7B94 or #87A3B7 for text on #EAF0F4 backgrounds to meet WCAG AA contrast standards.
  • Darker shades like #5B7B94 offer good contrast for white text, suitable for headlines or call-to-action buttons.
  • Consider a slightly darker text color than #B9C8D4 for critical information to enhance readability for all users.

Recommended combinations

Calm Depth

Excellent for a clean, professional look; #EAF0F4 as background, #5B7B94 for headings, #B9C8D4 for body text.

#EAF0F4 · #5B7B94 · #B9C8D4

Gentle Horizon

Ideal for subtle gradients or layered elements, creating a soft visual transition.

#A1BED1 · #87A3B7 · #EAF0F4

Misty Accents

Use #5B7B94 as a base, #B9C8D4 for elements, and #A1BED1 for interactive highlights.

#5B7B94 · #A1BED1 · #B9C8D4

CSS variables

:root {
  --dawn-lake-whisper-1: #EAF0F4;
  --dawn-lake-whisper-2: #B9C8D4;
  --dawn-lake-whisper-3: #87A3B7;
  --dawn-lake-whisper-4: #5B7B94;
  --dawn-lake-whisper-5: #A1BED1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dawn-lake-whisper": {
        1: "#EAF0F4",
        2: "#B9C8D4",
        3: "#87A3B7",
        4: "#5B7B94",
        5: "#A1BED1",
      }
    }
  }
}

Related searches

calm blue gray paletteserene web design colorsnature inspired cool tonesmisty lake color schemetranquil brand identity colors

Palette colors

Hex values

Color 1#EAF0F4
·
Color 2#B9C8D4
·
Color 3#87A3B7
·
Color 4#5B7B94
·
Color 5#A1BED1
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.3:1Fail
3.9:1AA18
1.7:1Fail
2
1.5:1Fail
1.5:1Fail
2.6:1Fail
1.1:1Fail
3
2.3:1Fail
1.5:1Fail
1.7:1Fail
1.4:1Fail
4
3.9:1AA18
2.6:1Fail
1.7:1Fail
2.3:1Fail
5
1.7:1Fail
1.1:1Fail
1.4:1Fail
2.3:1Fail

Similar palettes

More like Dawn Lake Whisper

View all cool
Lake Dawn Hush
Agate Grotto
Gentle Lake Mist
Hushed Lake Surface
Lake Serene
Misty Alpine Peak