Palette

Winter Branch Frost

Icy blues and stark whites, reflecting a silent winter forest under a crisp frost.

Coolcalm5 colors

More Cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Winter Branch Frost 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 Branch Frost.

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

Data visualization

#B0C4DE#D6E3F2#4F5D73#2C3E50#EAEFF4

Palette guide

How to use Winter Branch Frost

Overview

The Winter Branch Frost palette captures the crisp, silent beauty of a snow-dusted forest. With its cool tones like the light blue-grey #B0C4DE, the deep charcoal #2C3E50, and the airy off-white #EAEFF4, this collection is ideal for creating designs that are both sophisticated and serene. Designers and developers will find these colors excellent for projects requiring a clean, modern aesthetic with a touch of winter elegance. The subtle shifts from icy blues to grounding greys provide a versatile foundation for impactful visual communication, evoking calmness and clarity.

Best used for

Corporate branding with a sophisticated edge
Clean and minimalist UI/UX design
Winter-themed event invitations
Luxury product packaging
Photography portfolio websites
Educational platforms requiring a calm interface

Suggested color roles

primary

Use #4F5D73 as the main brand color for headings and key sections, offering a balanced medium blue-grey that is prominent yet soft.

secondary

Employ #B0C4DE for subheadings, secondary navigation, or as a background for less critical information, providing a lighter, complementary tone.

accent

Apply #2C3E50 for strong accents, calls to action, important icons, and high-contrast text to ensure crucial elements stand out.

background

Utilize #EAEFF4 as the primary background color to provide a clean, airy canvas that enhances readability and the overall serene mood.

text

For optimal readability, use #2C3E50 for body text and primary content. Alternatively, a standard black or dark charcoal provides excellent contrast.

Accessibility notes

Ensure #2C3E50 text has sufficient contrast against #D6E3F2 or #EAEFF4 backgrounds for all content.
Avoid using #B0C4DE as text on #D6E3F2 or #EAEFF4 due to insufficient contrast for most users.
Use #4F5D73 for secondary text or less critical information, especially on lighter backgrounds like #EAEFF4.
Consider a slightly darker text color than #2C3E50, such as pure black, for very small font sizes to maximize readability.

Recommended combinations

Frosty Core

Ideal for main content blocks, with a medium primary, light background, and strong dark accent for text or buttons.

#4F5D73 · #D6E3F2 · #2C3E50

Icy Backdrop

Creates a light, expansive feel for page backgrounds, subtle highlights, and a grounding primary color for structure.

#EAEFF4 · #B0C4DE · #4F5D73

Deep Contrast

Excellent for dark mode interfaces or sections requiring strong visual impact, pairing a dark primary with a bright background and cool accent.

#2C3E50 · #EAEFF4 · #B0C4DE

CSS variables

:root {
  --winter-branch-frost-1: #B0C4DE;
  --winter-branch-frost-2: #D6E3F2;
  --winter-branch-frost-3: #4F5D73;
  --winter-branch-frost-4: #2C3E50;
  --winter-branch-frost-5: #EAEFF4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "winter-branch-frost": {
        1: "#B0C4DE",
        2: "#D6E3F2",
        3: "#4F5D73",
        4: "#2C3E50",
        5: "#EAEFF4",
      }
    }
  }
}

Hex values

Color 1#B0C4DE

Color 2#D6E3F2

Color 3#4F5D73

Color 4#2C3E50

Color 5#EAEFF4

Accessibility

Contrast checker

1.4:1Fail

3.8:1AA18

6.2:1AA

1.5:1Fail

1.4:1Fail

5.1:1AA

8.4:1AAA

1.1:1Fail

3.8:1AA18

5.1:1AA

1.6:1Fail

5.8:1AA

6.2:1AA

8.4:1AAA

1.6:1Fail

9.5:1AAA

1.5:1Fail

1.1:1Fail

5.8:1AA

9.5:1AAA

Similar palettes

More like Winter Branch Frost

View all Cool

Frozen Tundra Calm

Aegean Shoreline Treasures

Bamboo Garden Calm

Dreamy Cloudscape Blues

Dusk Lavender Field

Frosted Winter Evergreen