Back to palettes

Palette

Frosted Willow Pond

Serene blues and whites reflecting a tranquil, frosted pond beneath a winter sky.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Frosted Willow Pond 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 Willow Pond.

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

Data visualization

#87CEEB#B0E0E6#ADD8E6#E0FFFF#B0C4DE

Palette guide

How to use Frosted Willow Pond

Overview

The "Frosted Willow Pond" palette is a serene collection of cool-toned blues, perfect for evoking tranquility and crisp winter beauty. Featuring soothing shades like #87CEEB (Sky Blue) and #B0E0E6 (Light Cyan), alongside the ethereal near-white of #E0FFFF (Light Cyan) and the subtle gray-blue of #B0C4DE (Light Steel Blue), this palette offers a refreshing visual experience. Designers can leverage these hues for clean, minimalist interfaces, or to infuse a sense of calm into branding. Developers will find these hex codes easy to implement for backgrounds, subtle gradients, and primary UI elements, ensuring a cohesive and peaceful aesthetic across digital products. The palette's gentle transitions are ideal for creating depth without harsh contrasts.

Best used for

  • Winter-themed branding and marketing materials
  • Wellness and meditation app interfaces
  • Nature photography websites or portfolios
  • E-commerce for artisanal crafts or spa products
  • Environmental non-profit digital presence
  • Minimalist interior design mood boards

Suggested color roles

primary

#87CEEB (Sky Blue) - Use as a dominant header color, main call-to-action, or for larger background sections requiring a gentle yet clear presence.

secondary

#B0E0E6 (Light Cyan) - Ideal for sub-headings, secondary buttons, or as a complementary background to break up large areas of the primary color.

accent

#ADD8E6 (Light Blue) - A slightly more saturated accent for interactive elements, highlights, or small illustrative details to draw attention.

background

#E0FFFF (Light Cyan) - Provides a very light, almost white base that feels open and airy, perfect for main content areas or minimalist designs.

text

#B0C4DE (Light Steel Blue) - Use for softer body text where high contrast isn't critical, or for disabled states. For main body text, consider a dark charcoal or black for readability.

Accessibility notes

  • Ensure sufficient contrast between text and background, especially when using lighter blues from this palette.
  • Test #B0E0E6 and #E0FFFF as text colors against each other; they will likely fail WCAG AA.
  • Use a darker color like #B0C4DE for text on light backgrounds such as #E0FFFF for better readability.
  • Avoid using #E0FFFF as text on #ADD8E6 without careful contrast checks; it will be illegible.

Recommended combinations

Icy Waters

Excellent for web headers, hero sections, or serene digital art backdrops, combining a primary blue with a frosty white and muted accent.

#87CEEB · #E0FFFF · #B0C4DE

Soft Frost

Perfect for clean, airy interfaces, content cards, or subtle branding elements that require a gentle, almost monochromatic feel.

#B0E0E6 · #E0FFFF · #ADD8E6

Winter Sky

Use for layered backgrounds, gradient effects, or sophisticated UI components where depth and cool tones are desired without stark contrast.

#87CEEB · #ADD8E6 · #B0C4DE

CSS variables

:root {
  --frosted-willow-pond-1: #87CEEB;
  --frosted-willow-pond-2: #B0E0E6;
  --frosted-willow-pond-3: #ADD8E6;
  --frosted-willow-pond-4: #E0FFFF;
  --frosted-willow-pond-5: #B0C4DE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frosted-willow-pond": {
        1: "#87CEEB",
        2: "#B0E0E6",
        3: "#ADD8E6",
        4: "#E0FFFF",
        5: "#B0C4DE",
      }
    }
  }
}

Related searches

calm blue color schemewinter aesthetic palettelight blue color combinationsserene web design colorsfrosted water brand colors

Palette colors

Hex values

Color 1#87CEEB
·
Color 2#B0E0E6
·
Color 3#ADD8E6
·
Color 4#E0FFFF
·
Color 5#B0C4DE
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.1:1Fail
1.7:1Fail
1:1Fail
2
1.2:1Fail
1.1:1Fail
1.4:1Fail
1.2:1Fail
3
1.1:1Fail
1.1:1Fail
1.4:1Fail
1.2:1Fail
4
1.7:1Fail
1.4:1Fail
1.4:1Fail
1.7:1Fail
5
1:1Fail
1.2:1Fail
1.2:1Fail
1.7:1Fail

Similar palettes

More like Frosted Willow Pond

View all cool
Arctic Bloom Whisper
Frosty Morning Haze
Glacial Blue Serenity
Icy Reflective Surface
Alpine Frost Serenity
Alpine Lake Serene