Back to palettes

Palette

Frosty Morning Lake

The serene calm of a winter lake at sunrise, with icy mist rising from the still water.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Frosty Morning Lake 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 Frosty Morning Lake.

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

Data visualization

#C0D5E7#EBF4F5#9FB3C2#5A8B9D#ADBBDA

Palette guide

How to use Frosty Morning Lake

Overview

The Frosty Morning Lake palette exquisitely captures the serene calm of a winter lake at sunrise, with icy mist rising from still water. This collection features a tranquil light blue #C0D5E7, an almost white #EBF4F5, a muted blue-grey #9FB3C2, a deep teal-blue #5A8B9D, and a soft lavender-blue #ADBBDA. Designers and developers can leverage these cool, muted tones to build interfaces that feel peaceful, sophisticated, and deeply calming. The range from bright, misty lights to deep, reflective darks allows for versatile application in establishing visual hierarchy, creating depth, and guiding user attention in a gentle, unobtrusive manner.

Best used for

  • Wellness and meditation app interfaces
  • Branding for natural beauty or organic products
  • Serene interior design concepts
  • Environmental or conservation organization websites
  • Digital art and photography with a calm, reflective mood
  • Travel agencies promoting tranquil, nature-focused destinations

Suggested color roles

primary

#5A8B9D for main headings, navigation, or key interactive elements, providing a strong anchor.

secondary

#9FB3C2 for subheadings, secondary buttons, or data visualizations, maintaining a cohesive feel.

accent

#ADBBDA can be used for subtle highlights, active states, or graphic elements, adding a touch of warmth.

background

#EBF4F5 creates a clean, airy base, while #C0D5E7 offers a slightly deeper, misty canvas.

text

Dark charcoal like #333333 or #5A8B9D for primary text on light backgrounds.

Accessibility notes

  • Text in #5A8B9D on #EBF4F5 or #C0D5E7 will provide good contrast for readability.
  • Be cautious with #ADBBDA text on #C0D5E7; it might require a larger font size for legibility.
  • #EBF4F5 is very light and will always need dark text to meet accessibility standards.
  • Ensure interactive elements using #9FB3C2 or #ADBBDA have clear visual states against backgrounds.

Recommended combinations

Misty Depths

Ideal for hero sections or landing pages, with light backgrounds and a strong #5A8B9D call to action.

#EBF4F5 · #C0D5E7 · #5A8B9D

Calm Transition

Great for subtle gradients, layered cards, or design elements that need a gentle shift in tone.

#C0D5E7 · #9FB3C2 · #ADBBDA

Lake Reflections

Effective for creating depth in illustrations or data visualizations, with distinct yet harmonious elements.

#5A8B9D · #ADBBDA · #9FB3C2

CSS variables

:root {
  --frosty-morning-lake-1: #C0D5E7;
  --frosty-morning-lake-2: #EBF4F5;
  --frosty-morning-lake-3: #9FB3C2;
  --frosty-morning-lake-4: #5A8B9D;
  --frosty-morning-lake-5: #ADBBDA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frosty-morning-lake": {
        1: "#C0D5E7",
        2: "#EBF4F5",
        3: "#9FB3C2",
        4: "#5A8B9D",
        5: "#ADBBDA",
      }
    }
  }
}

Related searches

serene winter lake colorsmisty blue grey palettecalm nature inspired UIcool sunrise color schemetranquil water hues

Palette colors

Hex values

Color 1#C0D5E7
·
Color 2#EBF4F5
·
Color 3#9FB3C2
·
Color 4#5A8B9D
·
Color 5#ADBBDA
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.4:1Fail
2.5:1Fail
1.3:1Fail
2
1.4:1Fail
1.9:1Fail
3.3:1AA18
1.7:1Fail
3
1.4:1Fail
1.9:1Fail
1.7:1Fail
1.1:1Fail
4
2.5:1Fail
3.3:1AA18
1.7:1Fail
1.9:1Fail
5
1.3:1Fail
1.7:1Fail
1.1:1Fail
1.9:1Fail

Similar palettes

More like Frosty Morning Lake

View all cool