Back to palettes

Palette

Frosted Winter Lake

Glistening shades reflecting the stillness of a frozen lake under a crisp, clear winter sky.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Frosted Winter 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 Frosted Winter Lake.

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

Data visualization

#8ABBE4#B7D9F0#E0F2F9#F5FAFC#5C7DA3

Palette guide

How to use Frosted Winter Lake

Overview

The Frosted Winter Lake palette offers a serene and ethereal collection of blues, capturing the delicate beauty of ice on a tranquil body of water. Ranging from the deep, anchoring #5C7DA3 to the almost imperceptible #F5FAFC, this palette provides a harmonious gradient of cool tones. Shades like #8ABBE4, #B7D9F0, and #E0F2F9 create a soft visual flow, ideal for designs that aim for a light, airy, and sophisticated feel. It's an excellent choice for designers and developers seeking to evoke calmness, purity, and a touch of understated elegance in their web applications, branding, or digital art projects.

Best used for

  • Luxury brand identity
  • Wedding or event stationery
  • Calming mobile app interfaces
  • Photography website backgrounds
  • Subtle editorial design
  • Winter-themed digital illustrations

Suggested color roles

primary

Utilize #8ABBE4 as a central blue for main content areas or brand accents, providing a clear yet gentle presence.

secondary

Employ #B7D9F0 for supporting elements, secondary backgrounds, or subtle overlays, maintaining the palette's light feel.

accent

Reserve #5C7DA3 for impactful accents, navigation, or critical text, offering a grounding contrast and visual anchor.

background

Use #F5FAFC or #E0F2F9 for primary backgrounds, creating an expansive, clean, and almost white canvas.

text

For body text and headings, #5C7DA3 provides excellent readability on the lighter backgrounds. For a very light aesthetic, a dark charcoal or black is also effective.

Accessibility notes

  • Ensure sufficient contrast when using #5C7DA3 for text on the very light #F5FAFC or #E0F2F9 backgrounds.
  • Avoid using light colors like #B7D9F0 or #E0F2F9 for small text on similar light backgrounds to prevent readability issues.
  • Always check contrast ratios for all text and interactive elements against WCAG standards.
  • Consider providing alternative text for visual elements where color alone conveys important information to aid color-blind users.

Recommended combinations

Frosty Air

Excellent for airy backgrounds, section dividers, or subtle gradients, creating a light, almost invisible foundation.

#F5FAFC · #E0F2F9 · #B7D9F0

Frozen Depths

Ideal for primary content areas, headers, or buttons where a more defined blue is needed with good contrast.

#8ABBE4 · #5C7DA3 · #E0F2F9

Serene Horizon

Suitable for creating visual hierarchy in navigation, cards, or illustrations, transitioning smoothly from light to deep blue.

#B7D9F0 · #8ABBE4 · #5C7DA3

CSS variables

:root {
  --frosted-winter-lake-1: #8ABBE4;
  --frosted-winter-lake-2: #B7D9F0;
  --frosted-winter-lake-3: #E0F2F9;
  --frosted-winter-lake-4: #F5FAFC;
  --frosted-winter-lake-5: #5C7DA3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frosted-winter-lake": {
        1: "#8ABBE4",
        2: "#B7D9F0",
        3: "#E0F2F9",
        4: "#F5FAFC",
        5: "#5C7DA3",
      }
    }
  }
}

Related searches

light blue winter paletteserene ice colorscalm blue UI schemeelegant cool tonesfrosted blue branding

Palette colors

Hex values

Color 1#8ABBE4
·
Color 2#B7D9F0
·
Color 3#E0F2F9
·
Color 4#F5FAFC
·
Color 5#5C7DA3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.8:1Fail
1.9:1Fail
2.1:1Fail
2
1.4:1Fail
1.3:1Fail
1.4:1Fail
2.9:1Fail
3
1.8:1Fail
1.3:1Fail
1.1:1Fail
3.7:1AA18
4
1.9:1Fail
1.4:1Fail
1.1:1Fail
4.1:1AA18
5
2.1:1Fail
2.9:1Fail
3.7:1AA18
4.1:1AA18

Similar palettes

More like Frosted Winter Lake

View all cool
Winter Solstice Glow
Arctic Dawn Light
Arctic Glacier Chill
Frosted Lake Mirror
Frosted Lakeside Calm
Frozen Crystal Grotto