Palette

Winterberry Chillscape

Icy blues and muted greens reflect frosted branches and the deep cool of winter berries.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Winterberry Chillscape 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 Winterberry Chillscape.

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

Data visualization

#EAF4F4#B5DADD#86B3BD#5D8A94#3D5B60

Palette guide

How to use Winterberry Chillscape

Overview

The Winterberry Chillscape palette offers a refreshing and serene collection of icy blues and muted greens, perfectly capturing the tranquil essence of a frosted winter landscape. Ranging from the almost-white #EAF4F4 to the deep, grounding #3D5B60, this palette evokes a cool, calm, and sophisticated mood. #B5DADD provides a soft, airy mid-tone, while #86B3BD introduces a more saturated, yet still muted, blue-green. The darker #5D8A94 adds depth and structure. This palette is ideal for designs that aim for a clean, natural, and contemporary feel, offering a harmonious blend that promotes a sense of tranquility and clarity.

Best used for

Eco-friendly or sustainable brand identities
Wellness and spa-related designs
Modern corporate websites
Nature-inspired digital art or illustrations
Winter-themed photography backdrops
Clean, minimalist user interfaces

Suggested color roles

primary

#3D5B60, a deep, cool blue-green, excellent for main headings, navigation, or foundational elements that need to convey stability and depth.

secondary

#5D8A94, a muted, mid-tone blue-green, ideal for subheadings, active states, or key informational sections to complement the primary color with a gentle contrast.

accent

#86B3BD, a soft, inviting blue-green, perfect for interactive elements, highlights, or small details where a touch of cool vibrancy is desired.

background

#EAF4F4, a very light, almost white blue-green, serving as a crisp, clean canvas that enhances readability and provides an open, airy feel.

text

Use a dark charcoal like #333333 or the deep #3D5B60 for primary body text against #EAF4F4 for optimal legibility.

Accessibility notes

Ensure strong contrast between text and background, especially when using #B5DADD on #EAF4F4.
#3D5B60 and #5D8A94 offer good contrast against #EAF4F4 for text.
Avoid using #EAF4F4 for text on any of the lighter palette colors.
Use a contrast checker to verify all text and UI element combinations meet WCAG guidelines.

Recommended combinations

Icy Calm

A balanced scheme for tranquil interfaces; #EAF4F4 as background, #86B3BD for links, and #3D5B60 for headers.

#EAF4F4 · #86B3BD · #3D5B60

Frosted Depths

Creates depth and sophistication for corporate reports or branding, with #3D5B60 for primary elements.

#3D5B60 · #5D8A94 · #B5DADD

Misty Morning

Ideal for subtle gradients or layered designs, evoking a soft, atmospheric feel, suitable for nature-inspired art.

#B5DADD · #86B3BD · #EAF4F4

CSS variables

:root {
  --winterberry-chillscape-1: #EAF4F4;
  --winterberry-chillscape-2: #B5DADD;
  --winterberry-chillscape-3: #86B3BD;
  --winterberry-chillscape-4: #5D8A94;
  --winterberry-chillscape-5: #3D5B60;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "winterberry-chillscape": {
        1: "#EAF4F4",
        2: "#B5DADD",
        3: "#86B3BD",
        4: "#5D8A94",
        5: "#3D5B60",
      }
    }
  }
}

Hex values

Color 1#EAF4F4

Color 2#B5DADD

Color 3#86B3BD

Color 4#5D8A94

Color 5#3D5B60

Accessibility

Contrast checker

1.3:1Fail

2:1Fail

3.4:1AA18

6.5:1AA

1.3:1Fail

1.5:1Fail

2.5:1Fail

4.9:1AA

2:1Fail

1.5:1Fail

1.7:1Fail

3.2:1AA18

3.4:1AA18

2.5:1Fail

1.7:1Fail

1.9:1Fail

6.5:1AA

4.9:1AA

3.2:1AA18

1.9:1Fail

Similar palettes

More like Winterberry Chillscape

View all cool

Frosted Winter Berries

Arctic Aurora Glow

Arctic Glacier Chill

Arctic Lake Ice

Arctic Shoreline Chill

Arctic Shoreline Frost