Palette

Winter Evergreen Chill

Deep, hushed greens and cool greys mirroring the quiet, frozen beauty of a snow-dusted pine forest.

darkcalm5 colors

More dark 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

#0B2423#1F3F3E#3D5A5A#7A9999#102B2A

Palette guide

How to use Winter Evergreen Chill

Overview

The Winter Evergreen Chill palette (ID: winter-evergreen-chill-2) features deep, hushed greens and cool, dark greys, mirroring the quiet, frozen beauty of a snow-dusted pine forest. With rich tones like the very dark green #0B2423, the medium dark green-grey #3D5A5A, and the lighter grey-green #7A9999, this collection creates a sophisticated and natural mood. Designers and developers will find this palette excellent for projects requiring a sense of depth, tranquility, and a connection to nature, suitable for high-end, eco-conscious branding.

Best used for

Sustainable and eco-friendly brands
Luxury outdoor apparel and gear
Nature photography and wilderness blogs
Sophisticated corporate branding
Environmental initiatives and organizations
Dark mode UI/UX designs

Suggested color roles

primary

Utilize #1F3F3E (dark evergreen) as the main brand color for dominant sections and headings, offering a deep and grounding presence.

secondary

Employ #3D5A5A (medium green-grey) for supporting information, navigation, or secondary content, providing a complementary muted tone.

accent

Apply #7A9999 (light grey-green) for subtle highlights, borders, or interactive elements, offering a gentle contrast on dark backgrounds.

background

Choose #0B2423 (very dark green) as the primary background color to create an immersive, deep, and sophisticated backdrop.

text

For optimal readability on dark backgrounds, use #7A9999 (light grey-green) for body text and primary content. A very light grey or white also provides excellent contrast.

Accessibility notes

Text in #7A9999 on #0B2423 provides good contrast, ensuring readability for body text and headings.
Text in #3D5A5A on #0B2423 will likely have insufficient contrast for body text; reserve it for very large headings or decorative elements.
Ensure interactive elements are clearly distinguishable, perhaps using #7A9999 for outlines or hover states.
If using a lighter background (e.g., #7A9999), use #0B2423 for text to ensure strong contrast.

Recommended combinations

Forest Depths

Creates a dramatic look with a dark background, light text, and a primary green for key accents.

#0B2423 · #7A9999 · #1F3F3E

Misty Woods

Combines mid-tones with a lighter accent and a dark contrast, ideal for layered designs or subtle gradients.

#3D5A5A · #7A9999 · #102B2A

Evergreen Shadow

Pairs the primary green with an even darker accent and a light highlight, suitable for sophisticated dark themes.

#1F3F3E · #0B2423 · #7A9999

CSS variables

:root {
  --winter-evergreen-chill-2-1: #0B2423;
  --winter-evergreen-chill-2-2: #1F3F3E;
  --winter-evergreen-chill-2-3: #3D5A5A;
  --winter-evergreen-chill-2-4: #7A9999;
  --winter-evergreen-chill-2-5: #102B2A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "winter-evergreen-chill-2": {
        1: "#0B2423",
        2: "#1F3F3E",
        3: "#3D5A5A",
        4: "#7A9999",
        5: "#102B2A",
      }
    }
  }
}

Hex values

Color 1#0B2423

Color 2#1F3F3E

Color 3#3D5A5A

Color 4#7A9999

Color 5#102B2A

Accessibility

Contrast checker

1.4:1Fail

2.2:1Fail

5.3:1AA

1.1:1Fail

1.4:1Fail

1.5:1Fail

3.7:1AA18

1.3:1Fail

2.2:1Fail

1.5:1Fail

2.4:1Fail

2:1Fail

5.3:1AA

3.7:1AA18

2.4:1Fail

4.9:1AA

1.1:1Fail

1.3:1Fail

2:1Fail

4.9:1AA

Similar palettes

More like Winter Evergreen Chill

View all dark

Misty Spruce Grove

Whispering Forest Haze

Deep Forest Solace

Dusky Forest Whispers

Velvet Grove Dusk

Whispering Pines Shade