Palette

Frosted Winter Bloom

Icy blues and soft greys create a delicate winter scene, like fragile blossoms touched by a dusting of pure white frost.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B0D8EB#D8EBF4#9BB5C7#EBF5F8#7D90A3

Palette guide

How to use Frosted Winter Bloom

Overview

The Frosted Winter Bloom palette is a symphony of delicate, icy blues and soft greys, designed to evoke a calm, serene winter landscape. This collection features the gentle #B0D8EB (Light Sky Blue) and the even lighter #D8EBF4 (Pale Blue), providing an airy foundation. Deeper, grounding tones come from #9BB5C7 (Cadet Blue) and the richer #7D90A3 (Slate Gray), while #EBF5F8 (Light Cyan) offers a pristine, almost-white highlight. This palette is ideal for creating designs that exude tranquility, elegance, and a minimalist aesthetic, reminiscent of fragile blossoms touched by a dusting of pure white frost.

Best used for

Minimalist website designs and UI
Branding for wellness or spa services
Winter-themed photography portfolios
Clean, corporate presentations or reports
Baby-related products or nursery decor
Serene interior design concepts

Suggested color roles

primary

A soft, anchoring blue for main structural elements or larger blocks of color. #9BB5C7 offers gentle definition.

secondary

A lighter, airy blue for supporting sections, subtle gradients, or background patterns. #B0D8EB maintains the calm.

accent

The deepest shade, #7D90A3, can provide subtle contrast for important text or small interactive elements without disrupting the calm.

background

The lightest, cleanest hue for expansive backgrounds, ensuring ample negative space. #EBF5F8 creates an ethereal base.

text

For dark text, use #7D90A3 or a very dark gray against #EBF5F8 or #D8EBF4 for optimal readability.

Accessibility notes

This palette leans very light; ensure text colors have sufficient contrast against backgrounds, especially for smaller fonts.
Use #7D90A3 for all body text on #EBF5F8 or #D8EBF4 to meet WCAG AA contrast standards.
Avoid using #B0D8EB, #D8EBF4, or #EBF5F8 for text, as they lack sufficient contrast with each other.
For interactive elements, ensure a visible focus state with a darker color like #7D90A3.

Recommended combinations

Icy Serenity

Creates a very light, ethereal feel, perfect for minimalist backgrounds and subtle branding.

#B0D8EB · #D8EBF4 · #EBF5F8

Soft Depth

Provides gentle contrast and visual hierarchy, suitable for clean interfaces with clear text.

#9BB5C7 · #7D90A3 · #EBF5F8

Cool Harmony

A balanced blend of blues and greys, ideal for structured layouts requiring calm definition.

#B0D8EB · #9BB5C7 · #7D90A3

CSS variables

:root {
  --frosted-winter-bloom-1: #B0D8EB;
  --frosted-winter-bloom-2: #D8EBF4;
  --frosted-winter-bloom-3: #9BB5C7;
  --frosted-winter-bloom-4: #EBF5F8;
  --frosted-winter-bloom-5: #7D90A3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frosted-winter-bloom": {
        1: "#B0D8EB",
        2: "#D8EBF4",
        3: "#9BB5C7",
        4: "#EBF5F8",
        5: "#7D90A3",
      }
    }
  }
}

Hex values

Color 1#B0D8EB

Color 2#D8EBF4

Color 3#9BB5C7

Color 4#EBF5F8

Color 5#7D90A3

Accessibility

Contrast checker

1.2:1Fail

1.4:1Fail

2.2:1Fail

1.2:1Fail

1.7:1Fail

1.1:1Fail

2.7:1Fail

1.4:1Fail

1.7:1Fail

1.9:1Fail

1.5:1Fail

1.4:1Fail

1.1:1Fail

1.9:1Fail

3:1Fail

2.2:1Fail

2.7:1Fail

1.5:1Fail

3:1Fail

Similar palettes

More like Frosted Winter Bloom

Frosted Winter Bloom

See it in context.

Ready when you are.

Built with Frosted Winter Bloom.

How to use Frosted Winter Bloom

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Icy Serenity

Soft Depth

Cool Harmony

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Frosted Winter Bloom