Back to palettes

Palette

Misty Lakeside Dawn

Captures the hushed serenity of a lake waking up with soft light filtering through a cool morning mist.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Misty Lakeside Dawn 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 Misty Lakeside Dawn.

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

Data visualization

#A0C3D2#CDE7F7#6B8B9B#4F6470#8A9CA8

Palette guide

How to use Misty Lakeside Dawn

Overview

The Misty Lakeside Dawn palette captures the hushed serenity of a lake at sunrise, offering a cool and tranquil collection of blues and greys. Shades like the deep '#4F6470' and the grounding '#6B8B9B' provide strong anchor points, while the lighter '#A0C3D2' and the airy '#CDE7F7' evoke the soft light filtering through morning mist. This palette, with its balanced mid-tone '#8A9CA8', is ideal for designers and developers aiming for a sophisticated, calming, and nature-inspired aesthetic. It's particularly effective for projects that require a sense of peace, clarity, and understated elegance, from meditation apps to environmental branding, ensuring a harmonious user experience.

Best used for

  • Meditation and mindfulness apps
  • Environmental and conservation websites
  • Travel and destination marketing
  • Luxury hotel and hospitality branding
  • Architectural and real estate portfolios
  • Photography and art showcases

Suggested color roles

primary

Use '#6B8B9B' as a robust primary color for key elements, conveying stability and depth.

secondary

Apply '#A0C3D2' for supporting visuals, subheadings, or secondary calls to action, maintaining harmony.

accent

Employ '#CDE7F7' for subtle highlights, interactive states, or to add a touch of airy brightness.

background

Utilize '#CDE7F7' as a soft, expansive background for a clean and tranquil canvas.

text

For strong readability, use '#4F6470' for body text, ensuring excellent contrast against lighter backgrounds.

Accessibility notes

  • Prioritize using '#4F6470' for primary text on '#CDE7F7' backgrounds for optimal contrast.
  • Ensure interactive elements have distinct color differences, especially between '#6B8B9B' and '#8A9CA8'.
  • Avoid using '#CDE7F7' for small or critical text, as its lightness may reduce readability.
  • Check color contrast ratios using WCAG guidelines for all text and interactive components.

Recommended combinations

Deep Lake

Creates a strong, moody foundation, perfect for footer designs, deep navigation, or impactful visuals.

#4F6470 · #6B8B9B · #8A9CA8

Dawn Haze

Ideal for lighter sections, ethereal backgrounds, or areas needing a soft, atmospheric touch.

#A0C3D2 · #CDE7F7 · #8A9CA8

Cool Contrast

Provides a balanced yet clear visual hierarchy, suitable for content blocks with defined sections.

#6B8B9B · #CDE7F7 · #4F6470

CSS variables

:root {
  --misty-lakeside-dawn-1: #A0C3D2;
  --misty-lakeside-dawn-2: #CDE7F7;
  --misty-lakeside-dawn-3: #6B8B9B;
  --misty-lakeside-dawn-4: #4F6470;
  --misty-lakeside-dawn-5: #8A9CA8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "misty-lakeside-dawn": {
        1: "#A0C3D2",
        2: "#CDE7F7",
        3: "#6B8B9B",
        4: "#4F6470",
        5: "#8A9CA8",
      }
    }
  }
}

Related searches

cool blue grey palettetranquil landscape colorsmisty morning uiserene web brandinghushed color scheme

Palette colors

Hex values

Color 1#A0C3D2
·
Color 2#CDE7F7
·
Color 3#6B8B9B
·
Color 4#4F6470
·
Color 5#8A9CA8
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.9:1Fail
3.3:1AA18
1.5:1Fail
2
1.5:1Fail
2.8:1Fail
4.8:1AA
2.2:1Fail
3
1.9:1Fail
2.8:1Fail
1.7:1Fail
1.3:1Fail
4
3.3:1AA18
4.8:1AA
1.7:1Fail
2.2:1Fail
5
1.5:1Fail
2.2:1Fail
1.3:1Fail
2.2:1Fail

Similar palettes

More like Misty Lakeside Dawn

View all cool