Back to palettes

Palette

Frosted Winter Garden

Soft, icy blues and whites capture the serene and ethereal beauty of a garden touched by winter 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

#A7CEDC#CFE7ED#EAF6F9#F7FBFC#DEE9EC

Palette guide

How to use Frosted Winter Garden

Overview

The Frosted Winter Garden palette is a delicate and ethereal collection of soft, icy blues and whites, capturing the serene beauty of a garden touched by winter frost. Ranging from the slightly more saturated #A7CEDC (Light Blue) to the almost-white #F7FBFC (Near White), with intermediate shades like #CFE7ED (Pale Blue), #EAF6F9 (Light Cyan), and #DEE9EC (Very Pale Blue). This minimalist scheme is perfect for designs that require a sense of purity, tranquility, and understated elegance. It provides an expansive, airy feel, ideal for creating clean interfaces and serene visual narratives.

Best used for

  • Minimalist web design and mobile apps
  • Bridal or wedding-related branding
  • Luxury skincare or beauty product packaging
  • Photography portfolios with a light, airy aesthetic
  • Wellness or meditation app interfaces
  • Winter-themed editorial content with a pristine feel

Suggested color roles

primary

A slightly deeper blue like #A7CEDC for subtle calls to action, important headings, or to define key sections.

secondary

A softer, lighter blue such as #CFE7ED for sub-headings, background patterns, or to add gentle variation.

accent

The lightest hues, #EAF6F9 or #F7FBFC, serve as pristine highlights, hover states, or for creating a sense of depth through gradients.

background

The purest white, #F7FBFC, provides an expansive, clean, and refreshing canvas for all content.

text

For dark text on light backgrounds, use a very dark charcoal or black. For light text, the palette lacks dark enough colors for good contrast; consider a near-black.

Accessibility notes

  • This palette consists of very light colors; ensuring sufficient contrast for text is paramount.
  • Use a very dark gray or black for all body text on backgrounds like #F7FBFC or #EAF6F9 to meet WCAG AA standards.
  • Avoid using any of the palette's blues for text as they will not have enough contrast with each other or the white backgrounds.
  • For interactive elements, ensure clear visual feedback through outlines or a distinct hover state, as color differentiation is subtle.

Recommended combinations

Frosty Whisper

Creates an extremely light, ethereal background, perfect for minimalist and serene designs.

#F7FBFC · #EAF6F9 · #CFE7ED

Icy Definition

Provides subtle contrast for headings and key information against a pristine white base.

#A7CEDC · #DEE9EC · #F7FBFC

Gentle Gradient

Ideal for soft transitions or layered elements, maintaining a light and airy feel.

#CFE7ED · #EAF6F9 · #A7CEDC

CSS variables

:root {
  --frosted-winter-garden-2-1: #A7CEDC;
  --frosted-winter-garden-2-2: #CFE7ED;
  --frosted-winter-garden-2-3: #EAF6F9;
  --frosted-winter-garden-2-4: #F7FBFC;
  --frosted-winter-garden-2-5: #DEE9EC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frosted-winter-garden-2": {
        1: "#A7CEDC",
        2: "#CFE7ED",
        3: "#EAF6F9",
        4: "#F7FBFC",
        5: "#DEE9EC",
      }
    }
  }
}

Related searches

icy blue white paletteminimalist winter garden colorsserene light blue schemeethereal cool tones designclean pristine color palette

Palette colors

Hex values

Color 1#A7CEDC
·
Color 2#CFE7ED
·
Color 3#EAF6F9
·
Color 4#F7FBFC
·
Color 5#DEE9EC
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.5:1Fail
1.6:1Fail
1.4:1Fail
2
1.3:1Fail
1.2:1Fail
1.2:1Fail
1:1Fail
3
1.5:1Fail
1.2:1Fail
1.1:1Fail
1.1:1Fail
4
1.6:1Fail
1.2:1Fail
1.1:1Fail
1.2:1Fail
5
1.4:1Fail
1:1Fail
1.1:1Fail
1.2:1Fail

Similar palettes

More like Frosted Winter Garden

View all cool
Arctic Ice Drift
Arctic Glacier Chill
Arctic Glacier Chill
Arctic Glacier Chill
Arctic Ice Shard
Arctic Ice Shimmer