Back to palettes

Palette

Frosty Morning Haze

Pale, icy blues and whites capturing the serene, misty atmosphere of a frosty winter morning.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Frosty Morning Haze 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 Frosty Morning Haze.

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

Data visualization

#E6F0F5#C7D9E6#A8C2D1#8AAEC0#F0F6F9

Palette guide

How to use Frosty Morning Haze

Overview

The Frosty Morning Haze palette is a delicate collection of pale, icy blues and whites, designed to capture the serene, misty atmosphere of a winter morning. Featuring ultra-light tones like #E6F0F5 and #F0F6F9, alongside slightly deeper blues such as #C7D9E6, #A8C2D1, and #8AAEC0, this palette is ideal for creating soft, ethereal, and calming digital experiences. Designers and developers can utilize these hues for minimalist interfaces, gentle branding, or as expansive backgrounds where content needs to truly stand out. The subtle variations allow for depth and structure without introducing strong visual noise, promoting a sense of peace and clarity.

Best used for

  • Minimalist web designs and clean user interfaces
  • Branding for spas, wellness centers, or baby products
  • Serene photography portfolio backdrops
  • Mobile app themes focused on calm and relaxation
  • Elegant corporate identity or annual reports
  • Digital artwork requiring a soft, ethereal quality

Suggested color roles

primary

#8AAEC0 can define key sections or primary navigation, offering the most visual weight.

secondary

#A8C2D1 for secondary elements or subheadings, providing a gentle contrast.

accent

#C7D9E6 can be used for subtle interactive states or soft highlights, maintaining the ethereal feel.

background

#E6F0F5 or #F0F6F9 provides an incredibly light, airy canvas, perfect for content.

text

A dark charcoal like #444444 or #8AAEC0 for primary text on the lightest backgrounds.

Accessibility notes

  • Text on #E6F0F5 or #F0F6F9 will require a dark color, such as #8AAEC0 or black, to meet WCAG AA standards.
  • Avoid using #C7D9E6 on #E6F0F5 for small text or critical information due to low contrast.
  • Ensure sufficient contrast for interactive elements, possibly using #8AAEC0 for buttons on lighter backgrounds.
  • For headings, #8AAEC0 on #F0F6F9 will be more legible than lighter blues.

Recommended combinations

Hazy Base

Excellent for layered backgrounds, subtle card designs, or creating visual depth in large sections.

#F0F6F9 · #E6F0F5 · #C7D9E6

Clear Contrast

Ideal for main content areas, with #F0F6F9 as background and #8AAEC0 for headers or important text.

#F0F6F9 · #8AAEC0 · #A8C2D1

Soft Transitions

Useful for gradients, progress bars, or any elements requiring a gentle, seamless color progression.

#C7D9E6 · #A8C2D1 · #8AAEC0

CSS variables

:root {
  --frosty-morning-haze-1: #E6F0F5;
  --frosty-morning-haze-2: #C7D9E6;
  --frosty-morning-haze-3: #A8C2D1;
  --frosty-morning-haze-4: #8AAEC0;
  --frosty-morning-haze-5: #F0F6F9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frosty-morning-haze": {
        1: "#E6F0F5",
        2: "#C7D9E6",
        3: "#A8C2D1",
        4: "#8AAEC0",
        5: "#F0F6F9",
      }
    }
  }
}

Related searches

pale winter blue paletteethereal calm colorsmisty morning color schemelight blue UI designsoft winter branding

Palette colors

Hex values

Color 1#E6F0F5
·
Color 2#C7D9E6
·
Color 3#A8C2D1
·
Color 4#8AAEC0
·
Color 5#F0F6F9
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.6:1Fail
2:1Fail
1.1:1Fail
2
1.3:1Fail
1.3:1Fail
1.6:1Fail
1.3:1Fail
3
1.6:1Fail
1.3:1Fail
1.3:1Fail
1.7:1Fail
4
2:1Fail
1.6:1Fail
1.3:1Fail
2.2:1Fail
5
1.1:1Fail
1.3:1Fail
1.7:1Fail
2.2:1Fail

Similar palettes

More like Frosty Morning Haze

View all cool
Arctic Bloom Whisper
Arctic Serenity
Frosted Willow Pond
Frosty Winter Glade
Alpine Frost Serenity
Arctic Lake Ice