Palette

Frosted Winter Garden

Cool blues and whites shimmer, reflecting the crisp, delicate beauty of a garden touched by winter's frost.

coolminimal5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#BBDDEE#E0F5FA#FFFFFF#8FAABF#6F8CA5

Palette guide

How to use Frosted Winter Garden

Overview

The Frosted Winter Garden palette captures the crisp, delicate beauty of a garden touched by winter's frost, shimmering with cool blues and pristine whites. This collection features a light, airy #BBDDEE (Light Blue) and the even brighter #E0F5FA (Light Azure), anchored by the pure #FFFFFF (White). Deeper, more grounding tones come from #8FAABF (Cadet Blue) and the richer #6F8CA5 (Slate Gray), providing essential contrast. This palette is ideal for designs that seek a minimalist, tranquil, and sophisticated aesthetic, perfect for creating clean interfaces and visually serene experiences.

Best used for

Clean, minimalist web and app interfaces
Winter-themed branding for lifestyle or home goods
Photography displays or art portfolios
Medical or wellness facility branding
Elegant stationery and print materials
Digital products aiming for a serene and trustworthy feel

Suggested color roles

primary

A mid-tone blue like #8FAABF for key headings, navigation, or prominent calls to action, offering clear definition.

secondary

A lighter, airy blue such as #BBDDEE for supporting text, sub-sections, or subtle background differentiation.

accent

The deepest shade, #6F8CA5, can be used for small, impactful elements, icons, or to add a touch of sophistication.

background

The pristine #FFFFFF (White) or #E0F5FA provides an expansive, clean, and refreshing canvas for all content.

text

For dark text, use #6F8CA5 or #8FAABF on #FFFFFF or #E0F5FA. For light text on darker backgrounds, #FFFFFF offers excellent contrast.

Accessibility notes

Ensure sufficient contrast when using #BBDDEE or #E0F5FA for text, as they are very light.
The darker blues, #8FAABF and #6F8CA5, provide good contrast for text on white or very light backgrounds.
Avoid placing #BBDDEE text directly on #E0F5FA or #FFFFFF backgrounds due to insufficient contrast.
Always verify WCAG contrast ratios for all text and interactive elements, especially for critical information.

Recommended combinations

Icy Purity

Creates a pristine, expansive, and minimalist background, ideal for airy designs.

#FFFFFF · #E0F5FA · #BBDDEE

Garden Depth

Provides strong contrast for headers and key information against a clean white backdrop.

#8FAABF · #6F8CA5 · #FFFFFF

Cool Harmony

A balanced blend of blues, perfect for structured layouts that require a calm, defined look.

#BBDDEE · #8FAABF · #E0F5FA

CSS variables

:root {
  --frosted-winter-garden-1: #BBDDEE;
  --frosted-winter-garden-2: #E0F5FA;
  --frosted-winter-garden-3: #FFFFFF;
  --frosted-winter-garden-4: #8FAABF;
  --frosted-winter-garden-5: #6F8CA5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frosted-winter-garden": {
        1: "#BBDDEE",
        2: "#E0F5FA",
        3: "#FFFFFF",
        4: "#8FAABF",
        5: "#6F8CA5",
      }
    }
  }
}

Hex values

Color 1#BBDDEE

Color 2#E0F5FA

Color 3#FFFFFF

Color 4#8FAABF

Color 5#6F8CA5

Accessibility

Contrast checker

1.3:1Fail

1.4:1Fail

1.7:1Fail

2.5:1Fail

1.3:1Fail

1.1:1Fail

2.1:1Fail

3.1:1AA18

1.4:1Fail

1.1:1Fail

2.4:1Fail

3.5:1AA18

1.7:1Fail

2.1:1Fail

2.4:1Fail

1.5:1Fail

2.5:1Fail

3.1:1AA18

3.5:1AA18

1.5:1Fail

Similar palettes

More like Frosted Winter Garden