Palette

Lake Dawn Hush

The serene quiet of a foggy morning over a still lake, where colors gently merge.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#52666B#7A8E96#BCCBD0#E4EDEF#9DAAB2

Palette guide

How to use Lake Dawn Hush

Overview

The Lake Dawn Hush palette captures the serene tranquility of a foggy morning over a still lake, with colors that gently merge into soft, muted tones. This calming collection features sophisticated greys and muted blues, including #52666B, #7A8E96, and the lighter #BCCBD0. The very light #E4EDEF provides an ethereal backdrop, while #9DAAB2 offers a versatile mid-tone. This palette is perfect for designers seeking to evoke a sense of calm, introspection, and understated elegance. It's highly suitable for minimalist designs, luxury lifestyle brands, or applications where a peaceful and sophisticated aesthetic is paramount, ensuring a harmonious and contemplative user experience.

Best used for

Minimalist website design
Luxury lifestyle branding
Wellness and meditation apps
High-end interior design concepts
Photography portfolios with a serene mood
Corporate communications requiring a sophisticated, calm tone

Suggested color roles

primary

Use #52666B as a grounding primary for main headings or navigation, providing a deep, stable presence.

secondary

Apply #7A8E96 for subheadings, secondary content, or subtle graphical elements, maintaining a cohesive muted tone.

accent

Utilize #9DAAB2 as a gentle accent for interactive elements or subtle highlights, offering a hint of warmth without disrupting calm.

background

Employ #E4EDEF for clean, expansive backgrounds, creating a light, airy canvas that enhances readability and spaciousness.

text

For primary body text, a dark charcoal or near-black provides excellent contrast on #E4EDEF. For headings on #E4EDEF, #52666B works beautifully.

Accessibility notes

Ensure sufficient contrast between #52666B and #E4EDEF for text, meeting WCAG AA standards.
Be cautious when pairing #9DAAB2 with #BCCBD0 for text, as contrast might be insufficient for smaller fonts.
Use darker shades like #52666B for critical information on light backgrounds to ensure readability.
Test all text and interactive element color combinations for contrast, especially in low-light conditions.

Recommended combinations

Misty Depths

Creates a deep, contemplative atmosphere; ideal for strong header elements or atmospheric background sections.

#52666B · #7A8E96 · #9DAAB2

Morning Haze

Offers a soft, ethereal feel; excellent for clean layouts, subtle gradients, or large background areas.

#BCCBD0 · #E4EDEF · #9DAAB2

Subtle Contrast

Provides clear hierarchy with gentle transitions; suitable for professional documents or elegant web interfaces.

#52666B · #E4EDEF · #7A8E96

CSS variables

:root {
  --lake-dawn-hush-1: #52666B;
  --lake-dawn-hush-2: #7A8E96;
  --lake-dawn-hush-3: #BCCBD0;
  --lake-dawn-hush-4: #E4EDEF;
  --lake-dawn-hush-5: #9DAAB2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "lake-dawn-hush": {
        1: "#52666B",
        2: "#7A8E96",
        3: "#BCCBD0",
        4: "#E4EDEF",
        5: "#9DAAB2",
      }
    }
  }
}

Hex values

Color 1#52666B

Color 2#7A8E96

Color 3#BCCBD0

Color 4#E4EDEF

Color 5#9DAAB2

Accessibility

Contrast checker

1.8:1Fail

3.6:1AA18

5.1:1AA

2.5:1Fail

1.8:1Fail

2.1:1Fail

2.9:1Fail

1.4:1Fail

3.6:1AA18

2.1:1Fail

1.4:1Fail

5.1:1AA

2.9:1Fail

1.4:1Fail

2:1Fail

2.5:1Fail

1.4:1Fail

2:1Fail

Similar palettes

More like Lake Dawn Hush

Lake Dawn Hush

See it in context.

Ready when you are.

Built with Lake Dawn Hush.

How to use Lake Dawn Hush

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Misty Depths

Morning Haze

Subtle Contrast

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Lake Dawn Hush