Back to palettes

Palette

Frosted Winter Morning

The crisp, icy blues and gentle whites of a peaceful, frosted winter morning landscape.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B0D0D9#E1E8E6#73A7B6#A7BED3#C4D6EB

Palette guide

How to use Frosted Winter Morning

Overview

The Frosted Winter Morning palette captures the peaceful essence of a cold, crisp dawn with its blend of muted blues and gentle greys. Colors like the soft teal of #B0D0D9, the cool grey-green of #E1E8E6, and the deeper blue-grey of #73A7B6 create a harmonious and calming visual story. This palette is designed for designers and developers seeking to evoke a sense of quiet freshness and understated elegance. The subtle variations, including #A7BED3 and #C4D6EB, allow for depth and visual interest without overwhelming, making it perfect for clean interfaces, tranquil branding, and serene digital environments.

Best used for

  • Wellness and meditation apps
  • Minimalist lifestyle blogs
  • Elegant interior design concepts
  • Professional yet calm corporate branding
  • Winter-themed digital photography presets
  • Eco-friendly product packaging

Suggested color roles

primary

Utilize #B0D0D9 as a prominent color for main sections or brand identity, establishing a fresh and inviting tone.

secondary

Employ #C4D6EB for supporting elements, background textures, or secondary content blocks, adding subtle depth.

accent

Reserve #73A7B6 for key interactive elements, important headlines, or visual anchors, providing a gentle yet effective contrast.

background

Use #E1E8E6 for clean, expansive backgrounds, offering a soft, almost white canvas that allows other colors to shine.

text

For optimal readability, use #73A7B6 for body text and headings on lighter backgrounds. A dark charcoal or black is also highly effective for text.

Accessibility notes

  • Ensure sufficient contrast for text, especially when using lighter shades like #C4D6EB on #E1E8E6.
  • The darker blue-grey #73A7B6 provides excellent contrast for text on the light #E1E8E6 background, meeting WCAG standards.
  • Avoid using lighter palette colors for small text on similar light backgrounds to prevent readability issues.
  • Always test color combinations across different screen types and lighting conditions to ensure consistent readability.

Recommended combinations

Morning Haze

Ideal for soft backgrounds, subtle gradients, and layering, creating a gentle, atmospheric feel.

#E1E8E6 · #C4D6EB · #A7BED3

Crisp Air

Excellent for primary headings, call-to-action buttons, or navigation, offering a clear yet muted presence.

#B0D0D9 · #73A7B6 · #E1E8E6

Winter Calm

Suitable for card components, secondary information panels, or illustrations that require a harmonious blue-grey progression.

#A7BED3 · #B0D0D9 · #73A7B6

CSS variables

:root {
  --frosted-winter-morning-1: #B0D0D9;
  --frosted-winter-morning-2: #E1E8E6;
  --frosted-winter-morning-3: #73A7B6;
  --frosted-winter-morning-4: #A7BED3;
  --frosted-winter-morning-5: #C4D6EB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frosted-winter-morning": {
        1: "#B0D0D9",
        2: "#E1E8E6",
        3: "#73A7B6",
        4: "#A7BED3",
        5: "#C4D6EB",
      }
    }
  }
}

Related searches

muted blue grey palettecalm winter colorspastel frost paletteserene UI color schemefresh cool tones

Palette colors

Hex values

Color 1#B0D0D9
·
Color 2#E1E8E6
·
Color 3#73A7B6
·
Color 4#A7BED3
·
Color 5#C4D6EB
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.6:1Fail
1.2:1Fail
1.1:1Fail
2
1.3:1Fail
2.1:1Fail
1.5:1Fail
1.2:1Fail
3
1.6:1Fail
2.1:1Fail
1.4:1Fail
1.8:1Fail
4
1.2:1Fail
1.5:1Fail
1.4:1Fail
1.3:1Fail
5
1.1:1Fail
1.2:1Fail
1.8:1Fail
1.3:1Fail

Similar palettes

More like Frosted Winter Morning

View all cool
Frosted Winter Berries
Winter Berry Bloom
Winter Solstice Frost
Arctic Aurora Glow
Arctic Bloom Whisper
Arctic Dusk Glow