Back to palettes

Palette

Frosted Winter Glaze

Crisp and cool, this palette evokes the tranquil beauty of a frosty winter morning with icy blues and soft greys.

coolminimal5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#C6E2FF#ADD8E6#F0F8FF#EAEAEA#708090

Palette guide

How to use Frosted Winter Glaze

Overview

The Frosted Winter Glaze palette offers a crisp, cool, and tranquil aesthetic, perfect for designs requiring a touch of serene minimalism. Dominated by icy blues and soft greys, it evokes the quiet beauty of a frosty morning. Key colors include the gentle sky blue of #C6E2FF, the pale aqua of #ADD8E6, and the grounding slate grey of #708090. This palette is highly versatile for creating clean, sophisticated, and calming visual experiences. Designers and developers can leverage its subtle contrasts to build elegant user interfaces, compelling brand identities, or inviting digital spaces that feel fresh and uncluttered, ensuring a refined and harmonious visual flow.

Best used for

  • Minimalist UI/UX design
  • Clean brand identity and logos
  • Winter-themed digital illustrations
  • Spa or wellness website design
  • Elegant editorial layouts
  • Sophisticated home decor mood boards

Suggested color roles

primary

Use #C6E2FF as a dominant background or large content area color to establish a light, airy, and serene foundation.

secondary

Employ #ADD8E6 for supporting elements, subtle gradients, or secondary sections to add depth without overwhelming the primary hue.

accent

Apply #708090 sparingly for strong contrast on key interactive elements, headlines, or important data points, drawing attention effectively.

background

Utilize #F0F8FF or #EAEAEA for clean, crisp backdrops, providing an excellent canvas for content and other palette colors.

text

For optimal readability, use #708090 for body text and headings. For lighter text on darker elements, a crisp white or near-white like #F0F8FF works well.

Accessibility notes

  • Ensure sufficient contrast when using #708090 for text on lighter backgrounds like #F0F8FF or #EAEAEA.
  • Avoid using light colors like #C6E2FF or #ADD8E6 for small text on very light backgrounds as contrast may be insufficient.
  • Check color contrast ratios for all text and interactive elements to meet WCAG guidelines, especially for smaller font sizes.
  • Consider using a darker text color (e.g., black or dark charcoal) if #708090 doesn't provide enough contrast on certain backgrounds.

Recommended combinations

Icy Sky Base

Ideal for backgrounds and large content blocks, creating a spacious and airy feel.

#F0F8FF · #C6E2FF · #ADD8E6

Frosted Contrast

Excellent for subtle UI elements, card borders, or secondary information panels, offering gentle definition.

#EAEAEA · #708090 · #ADD8E6

Glacial Highlight

Use for primary headings, call-to-action buttons, or navigation where strong visibility is required against a light base.

#C6E2FF · #708090 · #F0F8FF

CSS variables

:root {
  --frosted-winter-glaze-1: #C6E2FF;
  --frosted-winter-glaze-2: #ADD8E6;
  --frosted-winter-glaze-3: #F0F8FF;
  --frosted-winter-glaze-4: #EAEAEA;
  --frosted-winter-glaze-5: #708090;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frosted-winter-glaze": {
        1: "#C6E2FF",
        2: "#ADD8E6",
        3: "#F0F8FF",
        4: "#EAEAEA",
        5: "#708090",
      }
    }
  }
}

Related searches

cool blue grey paletteminimalist winter colorsserene UI color schemeicy branding paletteclean design colors

Palette colors

Hex values

Color 1#C6E2FF
·
Color 2#ADD8E6
·
Color 3#F0F8FF
·
Color 4#EAEAEA
·
Color 5#708090
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.2:1Fail
1.1:1Fail
3:1AA18
2
1.1:1Fail
1.4:1Fail
1.3:1Fail
2.7:1Fail
3
1.2:1Fail
1.4:1Fail
1.1:1Fail
3.8:1AA18
4
1.1:1Fail
1.3:1Fail
1.1:1Fail
3.4:1AA18
5
3:1AA18
2.7:1Fail
3.8:1AA18
3.4:1AA18

Similar palettes

More like Frosted Winter Glaze

View all cool
Arctic Fox Shadow
Arctic Glacier Chill
Arctic Serene Ice
Arctic Shimmer Ice
Arctic Shoreline Chill
Frosted Cavern Chill