Back to palettes

Palette

Winter Woodland Calm

The quiet, hushed tones of a forest in winter, serene and subtly beautiful.

MonochromeCalm5 colors
More Monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Winter Woodland Calm 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 Woodland Calm.

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

Data visualization

#556B2F#708090#A9A9A9#B0C4DE#DCDCDC

Palette guide

How to use Winter Woodland Calm

Overview

The Winter Woodland Calm palette captures the quiet, hushed tones of a forest in winter, offering a serene and subtly beautiful collection. This scheme blends the earthy #556B2F (Dark Olive Green) with a range of cool grays, including #708090 (Slate Gray), #A9A9A9 (Dark Gray), and the lighter #DCDCDC (Gainsboro). The touch of #B0C4DE (Light Slate Gray) introduces a soft, frosted blue hue, preventing the palette from feeling too stark. It's an excellent choice for designers seeking a grounded, natural, and calming aesthetic that evokes a sense of peace and understated elegance.

Best used for

  • Eco-friendly and sustainable brands
  • Outdoor and nature photography
  • Wellness and mindfulness applications
  • Rustic home decor e-commerce
  • Winter-themed editorial content
  • Camping or adventure travel blogs

Suggested color roles

primary

Dark Olive Green (#556B2F) serves as a grounding primary, ideal for prominent branding, calls to action, or deep content blocks.

secondary

Slate Gray (#708090) offers a versatile secondary, excellent for navigation, sub-headings, or card backgrounds.

accent

Gainsboro (#DCDCDC) provides a bright, clean accent, perfect for subtle highlights, icons, or as a contrasting text color.

background

Light Slate Gray (#B0C4DE) can serve as a calming, expansive background, offering a soft, cool base for content.

text

On dark backgrounds like #556B2F, use #DCDCDC or white. On lighter backgrounds like #DCDCDC, use #556B2F or deep charcoal for readability.

Accessibility notes

  • Ensure text in #DCDCDC has sufficient contrast against background colors like #A9A9A9 or #B0C4DE; a darker text color (e.g., #556B2F) is often needed.
  • The deep #556B2F provides excellent contrast for light text, ensuring WCAG AA compliance.
  • Avoid using #A9A9A9 for small text on #708090 without careful contrast checking; prefer a more distinct contrast.
  • For body text on lighter backgrounds, a robust dark grey (e.g., #333333) or #556B2F is recommended to maintain legibility.

Recommended combinations

Forest Floor

Creates a grounded, natural look, ideal for website footers, content sections, or product showcases with light accents.

#556B2F · #708090 · #DCDCDC

Muted Frost

Excellent for layered UI elements, blending soft grays and a hint of blue, with the olive green for contrast.

#A9A9A9 · #B0C4DE · #556B2F

Calm Canopy

Suitable for light, airy content areas, using the lightest shade as background with gray text and accents.

#DCDCDC · #708090 · #A9A9A9

CSS variables

:root {
  --winter-woodland-calm-1: #556B2F;
  --winter-woodland-calm-2: #708090;
  --winter-woodland-calm-3: #A9A9A9;
  --winter-woodland-calm-4: #B0C4DE;
  --winter-woodland-calm-5: #DCDCDC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "winter-woodland-calm": {
        1: "#556B2F",
        2: "#708090",
        3: "#A9A9A9",
        4: "#B0C4DE",
        5: "#DCDCDC",
      }
    }
  }
}

Related searches

winter forest color schememuted green gray palettecalm woodland colorsnatural serene UIearthy winter web design

Palette colors

Hex values

Color 1#556B2F
·
Color 2#708090
·
Color 3#A9A9A9
·
Color 4#B0C4DE
·
Color 5#DCDCDC
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.5:1Fail
3.3:1AA18
4.3:1AA18
2
1.5:1Fail
1.7:1Fail
2.3:1Fail
3:1Fail
3
2.5:1Fail
1.7:1Fail
1.3:1Fail
1.7:1Fail
4
3.3:1AA18
2.3:1Fail
1.3:1Fail
1.3:1Fail
5
4.3:1AA18
3:1Fail
1.7:1Fail
1.3:1Fail

Similar palettes

More like Winter Woodland Calm

View all Monochrome
Zen River Pebble
Gentle Stream Pebbles
Monochrome Ocean Depths
Stormy Beach Day
Cherry Blossom Dew
Ember Ash Hearth