Back to palettes

Palette

Hoarfrost Morning Chill

Capturing the crisp, biting air and sparkling beauty of hoarfrost covering a winter landscape at dawn.

coolminimal5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Hoarfrost Morning Chill 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 Hoarfrost Morning Chill.

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

Data visualization

#E0EEEE#C1D5E0#9FB3C8#7F8DA6#5B6B7C

Palette guide

How to use Hoarfrost Morning Chill

Overview

The Hoarfrost Morning Chill palette beautifully captures the crisp, biting air and sparkling beauty of hoarfrost covering a winter landscape at dawn. This cool-toned collection ranges from the ethereal #E0EEEE to the deep, grounding #5B6B7C, featuring icy blues and sophisticated blue-greys like #C1D5E0 and #9FB3C8. It is incredibly useful for designers and developers aiming to create projects that convey freshness, clarity, and a serene, minimalist elegance. The palette is perfect for conveying a sense of calm, precision, and understated luxury, ideal for winter themes or clean, modern interfaces.

Best used for

  • Winter sports and outdoor brands
  • Luxury skincare and beauty products
  • Minimalist fashion and lifestyle brands
  • Serene home decor and interior design
  • Technology interfaces and app design
  • Seasonal holiday marketing (non-traditional)

Suggested color roles

primary

Utilize #5B6B7C as a deep, cool blue-grey for primary content areas, important headings, or grounding design elements.

secondary

Employ #7F8DA6 for supporting graphics, secondary buttons, or large text blocks, offering a sophisticated frosted blue.

accent

Reserve #C1D5E0 for subtle highlights, hover states, or delicate UI elements, adding an icy, ethereal touch.

background

Use #E0EEEE as the main background color, providing a crisp, light blue-white canvas that enhances the depth of the darker tones.

text

Opt for #5B6B7C for body text and primary headings, ensuring excellent readability against lighter backgrounds, or use black for maximum clarity.

Accessibility notes

  • Ensure #5B6B7C provides strong contrast against #E0EEEE for all text sizes.
  • When using #7F8DA6 for text, verify it has adequate contrast on lighter backgrounds like #E0EEEE.
  • Avoid using #E0EEEE or #C1D5E0 for small text or critical information due to their light values.
  • Always test color combinations with accessibility tools to confirm readability for all elements.

Recommended combinations

Icy Dawn

Excellent for main content areas, providing a light background with clear, deep text and a calming accent.

#5B6B7C · #E0EEEE · #7F8DA6

Frosted Branches

Ideal for section headers, sub-navigation, or visual elements requiring a balanced, natural feel.

#9FB3C8 · #C1D5E0 · #5B6B7C

Winter Sky

Effective for creating a cohesive, peaceful visual hierarchy, with mid-tones supported by light and dark.

#7F8DA6 · #E0EEEE · #5B6B7C

CSS variables

:root {
  --hoarfrost-morning-chill-1: #E0EEEE;
  --hoarfrost-morning-chill-2: #C1D5E0;
  --hoarfrost-morning-chill-3: #9FB3C8;
  --hoarfrost-morning-chill-4: #7F8DA6;
  --hoarfrost-morning-chill-5: #5B6B7C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "hoarfrost-morning-chill": {
        1: "#E0EEEE",
        2: "#C1D5E0",
        3: "#9FB3C8",
        4: "#7F8DA6",
        5: "#5B6B7C",
      }
    }
  }
}

Related searches

hoarfrost color palettewinter cool tonescrisp blue greyfrosted design thememinimalist winter colors

Palette colors

Hex values

Color 1#E0EEEE
·
Color 2#C1D5E0
·
Color 3#9FB3C8
·
Color 4#7F8DA6
·
Color 5#5B6B7C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.8:1Fail
2.8:1Fail
4.6:1AA
2
1.3:1Fail
1.4:1Fail
2.2:1Fail
3.6:1AA18
3
1.8:1Fail
1.4:1Fail
1.6:1Fail
2.5:1Fail
4
2.8:1Fail
2.2:1Fail
1.6:1Fail
1.6:1Fail
5
4.6:1AA
3.6:1AA18
2.5:1Fail
1.6:1Fail

Similar palettes

More like Hoarfrost Morning Chill

View all cool
Frosted Juniper Air
Arctic Frost Edge
Arctic Ice Glimmer
Frosty Juniper
Glacial Flow
Glacier Ridge Chill