Back to palettes

Palette

Winter Ice Bloom

Icy blues fading into delicate pastels, like frost decorating a fragile winter flower under crisp air.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Winter Ice Bloom 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 Winter Ice Bloom.

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 Winter Ice Bloom

Overview

The Winter Ice Bloom palette evokes a serene, frosty elegance with its gradient of cool blues, perfect for designs requiring a calm yet sophisticated touch. Featuring delicate pastels like #B0E0E6 and #ADD8E6 alongside deeper, more grounding tones such as #6495ED and #4682B4, this palette offers versatility. Designers can leverage the lighter hues for expansive backgrounds, creating an airy feel, while the richer blues provide strong anchor points for headings or interactive elements. Developers will appreciate the clear progression from light to dark, simplifying state management and thematic application. It's ideal for projects that aim to convey tranquility, purity, or a crisp, refreshing aesthetic.

Best used for

  • Serene website interfaces and UI/UX design
  • Winter-themed branding and marketing materials
  • Spa, wellness, or delicate product packaging
  • Nature-inspired art and digital illustrations
  • Minimalist photography portfolios
  • Fashion or jewelry collections with a cool, ethereal vibe

Suggested color roles

primary

Use #4682B4 for strong headings or primary calls to action, providing a deep, stable anchor.

secondary

Apply #6495ED for subheadings, navigation links, or secondary buttons, offering a vibrant yet harmonious contrast.

accent

Highlight interactive elements or small details with #87CEEB to add a touch of crisp brightness.

background

Utilize #B0E0E6 or #ADD8E6 for clean, expansive backgrounds, creating an open and airy feel.

text

For body text, use a dark charcoal like #333333 or #4682B4 to ensure optimal readability against lighter backgrounds.

Accessibility notes

  • Ensure sufficient contrast when using lighter blues for text on light backgrounds; always test.
  • Pair #4682B4 or #6495ED with white text for excellent contrast on buttons or dark sections.
  • Avoid placing light text on #B0E0E6 or #ADD8E6; reserve these for backgrounds or subtle elements.
  • Consider larger font sizes for softer color combinations to improve readability for all users.

Recommended combinations

Icy Header

For a striking header: #4682B4 for title, #B0E0E6 for background, and #ADD8E6 for a subtle border or subtitle.

#4682B4 · #B0E0E6 · #ADD8E6

Frosty Card

Design a clean card: use #E0E0E0 (near-white) as card background, #6495ED for title, and #87CEEB for icons or subtle accents.

#6495ED · #87CEEB · #ADD8E6

Serene Gradient

Create a gentle background gradient transitioning from #B0E0E6 to #ADD8E6 to #87CEEB for a soft, ethereal effect.

#B0E0E6 · #ADD8E6 · #87CEEB

CSS variables

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

Tailwind config

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

Related searches

winter blue paletteicy color schemecool bloom colorsserene blue UIlight winter tones

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 Winter Ice Bloom

View all cool
Arctic Sapphire Glimmer
Frost Berry Chill
Frosted Lakeside Calm
Frozen Lake Shimmer
Frozen Lake Shimmer
Frozen River Glaze