Back to palettes

Palette

Icy Window Etch

Crisp and delicate, like the intricate, icy patterns etched onto a winter window pane.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Icy Window Etch 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 Icy Window Etch.

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

Data visualization

#EAF0F5#CED9E0#AEC2CD#8EA9B5#6B8B9B

Palette guide

How to use Icy Window Etch

Overview

The "Icy Window Etch" palette offers a delicate and crisp collection of muted blues and subtle greys, evoking the intricate patterns of frost on a winter window. Ranging from the light #EAF0F5 to the deeper #6B8B9B, this palette is perfect for designers and developers seeking a calm, sophisticated, and understated aesthetic. Its low-contrast yet harmonious progression is ideal for minimalist interfaces, elegant branding, or any project that values subtlety and refinement. The palette’s gentle tones allow for soft visual hierarchies, making it suitable for luxury goods, art, or contemplative digital experiences.

Best used for

  • Luxury brand identity (e.g., jewelry, high fashion)
  • Minimalist portfolio websites
  • Art and cultural institution digital platforms
  • High-end interior design visualization
  • Calm and reflective app interfaces
  • Winter-themed editorial content

Suggested color roles

primary

Utilize #8EA9B5 (Light Slate Gray) for primary navigation, important headings, or as a dominant background for distinct content blocks.

secondary

Apply #AEC2CD (Cadet Blue) for sub-headers, secondary UI elements, or as a background for contrasting content areas, maintaining subtlety.

accent

Designate #CED9E0 (Light Steel Blue) for subtle highlights, hover states, or small decorative elements, providing a gentle visual lift.

background

Employ #EAF0F5 (Light Grayish Blue) as the main background color, ensuring a clean, expansive, and understated canvas for content.

text

For primary body text, #6B8B9B (Dark Slate Gray) offers good readability against lighter backgrounds, providing a soft yet clear presence.

Accessibility notes

  • Ensure #6B8B9B text on #EAF0F5 background meets WCAG AA contrast standards for readability.
  • Be cautious when pairing #CED9E0 or #AEC2CD for small text on similar light backgrounds; verify contrast.
  • All interactive elements should have clear and distinct focus states, as the palette is generally low-contrast.
  • Avoid using the lightest colors like #EAF0F5 or #CED9E0 for text, especially on white or near-white backgrounds.

Recommended combinations

Soft Readability

Ideal for main content: #EAF0F5 as background, #6B8B9B for body text, and #8EA9B5 for headings or subtle links.

#EAF0F5 · #6B8B9B · #8EA9B5

Layered UI

Create depth in UI: #AEC2CD for a base card, #CED9E0 for a nested element, and #8EA9B5 for a subtle border or icon.

#AEC2CD · #CED9E0 · #8EA9B5

Accent Detail

A background in #8EA9B5, with #EAF0F5 for primary text, and #CED9E0 for a delicate decorative element or small graphic.

#8EA9B5 · #EAF0F5 · #CED9E0

CSS variables

:root {
  --icy-window-etch-1: #EAF0F5;
  --icy-window-etch-2: #CED9E0;
  --icy-window-etch-3: #AEC2CD;
  --icy-window-etch-4: #8EA9B5;
  --icy-window-etch-5: #6B8B9B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "icy-window-etch": {
        1: "#EAF0F5",
        2: "#CED9E0",
        3: "#AEC2CD",
        4: "#8EA9B5",
        5: "#6B8B9B",
      }
    }
  }
}

Related searches

muted blue grey palettefrosted window colorsminimalist cool tone uielegant subtle brand colorswinter aesthetic soft

Palette colors

Hex values

Color 1#EAF0F5
·
Color 2#CED9E0
·
Color 3#AEC2CD
·
Color 4#8EA9B5
·
Color 5#6B8B9B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.6:1Fail
2.2:1Fail
3.2:1AA18
2
1.2:1Fail
1.3:1Fail
1.7:1Fail
2.5:1Fail
3
1.6:1Fail
1.3:1Fail
1.3:1Fail
2:1Fail
4
2.2:1Fail
1.7:1Fail
1.3:1Fail
1.5:1Fail
5
3.2:1AA18
2.5:1Fail
2:1Fail
1.5:1Fail

Similar palettes

More like Icy Window Etch

View all cool
Frosted Berry Patch
Frozen Pond Dawn
Frosted Berry Grove
Frosted Berry Kiss
Frosted Berry Sparkle
Frosted Berry Winter