Back to palettes

Palette

Frosted Winter Lake

Icy blues and soft aquas reflect the stillness of a frozen lake on a clear winter day.

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

#B0E0E6#ADD8E6#87CEEB#6495ED#4682B4

Palette guide

How to use Frosted Winter Lake

Overview

The Frosted Winter Lake palette captures the serene depth of a frozen body of water with its rich spectrum of icy blues. From the light aquamarine of #B0E0E6 to the profound navy of #4682B4, this palette offers a harmonious gradient that is both calming and sophisticated. The varying shades like #ADD8E6, #87CEEB, and #6495ED provide ample opportunity for creating visual hierarchy and depth. This palette is particularly effective for projects aiming to convey tranquility, professionalism, or a connection to natural, cool environments, making it a strong choice for digital interfaces, branding, and thematic designs.

Best used for

  • Coastal or aquatic themed branding
  • Professional corporate websites
  • Nature-inspired digital art
  • Winter sports app interfaces
  • Cool-toned editorial designs
  • Educational platforms with a calm aesthetic

Suggested color roles

primary

Utilize #6495ED as a prominent color for main sections or branding elements, offering a balanced and inviting blue.

secondary

Employ #87CEEB for supporting content areas, sub-headers, or background textures, providing a lighter contrast.

accent

Reserve #4682B4 for high-impact accents like call-to-action buttons, important icons, or navigational highlights, offering significant depth.

background

Use #B0E0E6 or #ADD8E6 for clean, expansive backgrounds, creating a light and airy base that allows other colors to stand out.

text

For maximum readability, use #4682B4 or a dark charcoal/black for body text and headings on lighter backgrounds. For text on darker elements, a crisp white is recommended.

Accessibility notes

  • Ensure adequate contrast when using lighter blues like #B0E0E6 for text on similar light backgrounds.
  • The darker shades, especially #4682B4, offer excellent contrast for text on light backgrounds like #ADD8E6.
  • Verify all color combinations meet WCAG contrast standards for text and interactive elements.
  • Be mindful of color-blind users; rely on more than just hue for conveying information, especially between similar blues.

Recommended combinations

Shallow Waters

Perfect for creating soft, ethereal backgrounds or subtle gradient effects, evoking a serene, light feel.

#B0E0E6 · #ADD8E6 · #87CEEB

Deep Lagoon

Use for primary content blocks, headers, or interactive components where a stronger, more grounding blue is desired.

#6495ED · #4682B4 · #ADD8E6

Icy Horizon

Effective for navigation bars, section dividers, or illustrations requiring a gradient of cool, distinct blues.

#87CEEB · #B0E0E6 · #4682B4

CSS variables

:root {
  --frosted-winter-lake-2-1: #B0E0E6;
  --frosted-winter-lake-2-2: #ADD8E6;
  --frosted-winter-lake-2-3: #87CEEB;
  --frosted-winter-lake-2-4: #6495ED;
  --frosted-winter-lake-2-5: #4682B4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frosted-winter-lake-2": {
        1: "#B0E0E6",
        2: "#ADD8E6",
        3: "#87CEEB",
        4: "#6495ED",
        5: "#4682B4",
      }
    }
  }
}

Related searches

icy blue color schemefrozen lake palettecool water colorscalming blue UI designgradient blue palette

Palette colors

Hex values

Color 1#B0E0E6
·
Color 2#ADD8E6
·
Color 3#87CEEB
·
Color 4#6495ED
·
Color 5#4682B4
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.2:1Fail
2.1:1Fail
2.9:1Fail
2
1.1:1Fail
1.1:1Fail
1.9:1Fail
2.7:1Fail
3
1.2:1Fail
1.1:1Fail
1.7:1Fail
2.4:1Fail
4
2.1:1Fail
1.9:1Fail
1.7:1Fail
1.4:1Fail
5
2.9:1Fail
2.7:1Fail
2.4:1Fail
1.4:1Fail

Similar palettes

More like Frosted Winter Lake

View all cool
Arctic Aurora Glow
Winter Chill Vista
Winter Twilight Lake
Arctic Dusk Glow
Arctic Glacier Chill
Arctic Glacier Lagoon