Palette

Winter Evergreen Chill

Deep forest greens, muted grey-blues, and frosty whites that evoke a peaceful, snow-kissed evergreen wood.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Winter Evergreen Chill 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 Evergreen Chill.

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

Data visualization

#2A433A#57786B#8AB1A2#C0D6CB#E2ECE7

Palette guide

How to use Winter Evergreen Chill

Overview

The Winter Evergreen Chill palette (ID: winter-evergreen-chill) offers a softer, lighter take on evergreen, blending muted greens with cool greys and frosty whites. With shades like the deep muted green #2A433A, the light grey-green #C0D6CB, and the crisp off-white #E2ECE7, this collection evokes a peaceful, snow-kissed forest. Designers and developers will find this palette excellent for projects requiring a calm, natural, and inviting aesthetic, perfect for eco-friendly branding and serene web design.

Best used for

Nature-inspired branding and products
Eco-friendly and sustainable initiatives
Wellness retreats and mindful living blogs
Serene web design and user interfaces
Outdoor lifestyle and camping brands
Educational content focused on nature

Suggested color roles

primary

Utilize #57786B (medium muted green) as the main brand color for inviting sections and headings, offering a balanced natural tone.

secondary

Employ #8AB1A2 (light muted green) for supporting information, subtle accents, or secondary navigation, adding a touch of softness.

accent

Apply #2A433A (deep muted green) for strong contrast, important elements, and calls to action to ensure visibility.

background

Choose #E2ECE7 (off-white) as the primary background color, providing a fresh, clean, and frosty base for content.

text

For optimal readability, use #2A433A (deep muted green) for body text and primary content. A standard dark grey or black also provides excellent contrast.

Accessibility notes

Text in #2A433A on #E2ECE7 provides excellent contrast, ensuring readability for all content.
Text in #57786B on #E2ECE7 also offers good readability for larger headings and important text.
Avoid using #C0D6CB or #8AB1A2 as text on #E2ECE7 due to insufficient contrast for most users.
Ensure interactive elements are clearly visible against their backgrounds, potentially using #2A433A for contrast.

Recommended combinations

Snowy Branches

Creates a clear contrast with a dark accent, light background, and a primary green for key elements.

#2A433A · #E2ECE7 · #57786B

Muted Forest

Showcases a harmonious gradient of greens, ideal for subtle background textures or layered graphical elements.

#57786B · #8AB1A2 · #C0D6CB

Winter Calm

Pairs a light base with a gentle highlight and a dark contrast, suitable for serene and readable designs.

#E2ECE7 · #C0D6CB · #2A433A

CSS variables

:root {
  --winter-evergreen-chill-1: #2A433A;
  --winter-evergreen-chill-2: #57786B;
  --winter-evergreen-chill-3: #8AB1A2;
  --winter-evergreen-chill-4: #C0D6CB;
  --winter-evergreen-chill-5: #E2ECE7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "winter-evergreen-chill": {
        1: "#2A433A",
        2: "#57786B",
        3: "#8AB1A2",
        4: "#C0D6CB",
        5: "#E2ECE7",
      }
    }
  }
}

Hex values

Color 1#2A433A

Color 2#57786B

Color 3#8AB1A2

Color 4#C0D6CB

Color 5#E2ECE7

Accessibility

Contrast checker

2.2:1Fail

4.5:1AA

7:1AA

8.9:1AAA

2.2:1Fail

2.1:1Fail

3.2:1AA18

4:1AA18

4.5:1AA

2.1:1Fail

1.5:1Fail

2:1Fail

7:1AA

3.2:1AA18

1.5:1Fail

1.3:1Fail

8.9:1AAA

4:1AA18

2:1Fail

1.3:1Fail

Similar palettes

More like Winter Evergreen Chill

Enchanted Forest Stream