Palette

Winter Frost Glaze

Icy blues and grays mimic the delicate, frosted patterns on a windowpane on a quiet winter morning.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B0D7D0#E0EAE9#A8C8CC#6E888A#3A5761

Palette guide

How to use Winter Frost Glaze

Overview

The "Winter Frost Glaze" palette offers a serene blend of icy blues and cool grays, reminiscent of delicate frosted patterns on a winter windowpane. With a spectrum from the light, airy #E0EAE9 to the deep, grounding #3A5761, this palette is perfect for creating sophisticated and calming digital experiences. Developers will find these hues versatile for building user interfaces that exude elegance and tranquility. Designers can leverage this palette for luxury brands, wellness applications, or any project aiming for a refined, understated aesthetic, ensuring visual harmony and a cohesive, professional appearance across all elements.

Best used for

Luxury brand identities and packaging
High-end interior design presentations
Wellness and spa website designs
Art gallery or museum digital platforms
Elegant event invitations
Minimalist UI designs

Suggested color roles

primary

A deep, cool blue-gray, #3A5761, ideal for main headings, strong brand elements, or foundational design components.

secondary

A muted, mid-tone blue-gray, #6E888A, excellent for subheadings, navigation menus, or important content blocks.

accent

A soft, cool blue-green, #A8C8CC, perfect for subtle highlights, interactive states, or decorative elements that need a gentle lift.

background

A very light, airy blue-green, #E0EAE9, providing a clean, expansive canvas that promotes readability and a sense of calm.

text

The deep blue-gray #3A5761 offers excellent contrast on #E0EAE9 for body text, ensuring high legibility.

Accessibility notes

#E0EAE9 as a background provides good contrast for text in #3A5761 and #6E888A.
Be cautious using #B0D7D0 or #A8C8CC for small text, especially on #E0EAE9, due to potential low contrast.
Ensure interactive elements have clear visual feedback for states, maintaining adequate contrast ratios.
Always verify color pairings against WCAG AA or AAA standards for optimal accessibility.

Recommended combinations

Glacial Depth

For creating a strong, elegant visual hierarchy in headers, footers, or dark-themed sections.

#3A5761 · #6E888A · #A8C8CC

Frosted Pane

Ideal for clean, spacious content areas or minimal interfaces where a soft, ethereal background is desired.

#E0EAE9 · #B0D7D0 · #6E888A

Serene Mist

Excellent for subtle visual layering, soft gradients, or background elements that need a gentle, smooth transition.

#A8C8CC · #B0D7D0 · #E0EAE9

CSS variables

:root {
  --winter-frost-glaze-1: #B0D7D0;
  --winter-frost-glaze-2: #E0EAE9;
  --winter-frost-glaze-3: #A8C8CC;
  --winter-frost-glaze-4: #6E888A;
  --winter-frost-glaze-5: #3A5761;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "winter-frost-glaze": {
        1: "#B0D7D0",
        2: "#E0EAE9",
        3: "#A8C8CC",
        4: "#6E888A",
        5: "#3A5761",
      }
    }
  }
}

Hex values

Color 1#B0D7D0

Color 2#E0EAE9

Color 3#A8C8CC

Color 4#6E888A

Color 5#3A5761

Accessibility

Contrast checker

1.3:1Fail

1.1:1Fail

2.4:1Fail

5:1AA

1.3:1Fail

1.5:1Fail

3.1:1AA18

6.3:1AA

1.1:1Fail

1.5:1Fail

2.1:1Fail

4.3:1AA18

2.4:1Fail

3.1:1AA18

2.1:1Fail

2:1Fail

5:1AA

6.3:1AA

4.3:1AA18

2:1Fail

Similar palettes

More like Winter Frost Glaze

Frosted Berry Sparkle

Frosted Lakeside Calm

Frosted Winter Branches