Palette

Winter Solstice Freeze

A chilling blend of frosted greys and muted blues, capturing the silent beauty of deep winter.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Winter Solstice Freeze 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 Solstice Freeze.

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

Data visualization

#36454F#5E717F#8CA2AE#BBD3D8#D9E8ED

Palette guide

How to use Winter Solstice Freeze

Overview

The Winter Solstice Freeze palette captures the muted, stark beauty of deep winter with its collection of frosted grays and subtle blues. Anchored by the charcoal gray of #36454F, it progresses through cool mid-tones like #5E717F and #8CA2AE, culminating in the ethereal lightness of #BBD3D8 and #D9E8ED. This palette is perfect for designs aiming for a sophisticated, understated, and slightly melancholic aesthetic. It provides excellent depth for UI elements and branding that seeks to convey quiet strength, professionalism, or a contemplative mood, making it highly versatile for various digital and print applications.

Best used for

Corporate websites needing a serious, minimalist feel
Photography portfolios showcasing winter landscapes
UI/UX for professional tools or analytical dashboards
Architectural or interior design presentations
High-end fashion or jewelry branding
Scientific or educational content requiring a clean backdrop

Suggested color roles

primary

#36454F serves as a robust base for headlines, main navigation, or strong brand elements, conveying gravity and stability.

secondary

#5E717F is effective for subheadings, secondary calls-to-action, or dividing lines, offering a softer yet substantial presence.

accent

#8CA2AE provides a cool, subtle accent for interactive states, small icons, or graphical elements without overpowering the design.

background

#D9E8ED offers a very light, almost white background, ensuring excellent readability for darker text and an expansive feel.

text

Use #36454F for body text on light backgrounds like #D9E8ED, or a crisp white for text on darker backgrounds such as #36454F.

Accessibility notes

#BBD3D8 and #D9E8ED have low contrast; avoid using them together for text unless it's very large decorative type.
Ensure #36454F provides sufficient contrast against #D9E8ED for all body text to meet WCAG standards.
Test button states and interactive elements to ensure clear visual feedback, especially with subtle color changes.
Provide alternative text for images and ensure focus indicators are clearly visible on elements using this muted palette.

Recommended combinations

Deep Freeze

Ideal for a professional interface, with #BBD3D8 as a subtle highlight against darker grays.

#36454F · #5E717F · #BBD3D8

Frosted Calm

Great for clean web layouts, using #D9E8ED as background and #5E717F for readable text.

#D9E8ED · #8CA2AE · #5E717F

Winter Steel

A strong combination for corporate branding or reports, offering clarity and sophistication.

#36454F · #8CA2AE · #D9E8ED

CSS variables

:root {
  --winter-solstice-freeze-1: #36454F;
  --winter-solstice-freeze-2: #5E717F;
  --winter-solstice-freeze-3: #8CA2AE;
  --winter-solstice-freeze-4: #BBD3D8;
  --winter-solstice-freeze-5: #D9E8ED;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "winter-solstice-freeze": {
        1: "#36454F",
        2: "#5E717F",
        3: "#8CA2AE",
        4: "#BBD3D8",
        5: "#D9E8ED",
      }
    }
  }
}

Hex values

Color 1#36454F

Color 2#5E717F

Color 3#8CA2AE

Color 4#BBD3D8

Color 5#D9E8ED

Accessibility

Contrast checker

2:1Fail

3.7:1AA18

6.3:1AA

7.9:1AAA

2:1Fail

1.9:1Fail

3.2:1AA18

4:1AA18

3.7:1AA18

1.9:1Fail

1.7:1Fail

2.1:1Fail

6.3:1AA

3.2:1AA18

1.7:1Fail

1.2:1Fail

7.9:1AAA

4:1AA18

2.1:1Fail

1.2:1Fail

Similar palettes

More like Winter Solstice Freeze

Frosted Juniper Berries

Frosted Winter Lake

Frosted Woodland Serene