Back to palettes

Palette

Winter Fir Silence

Muted, deep greens and cool grays evoke the serene, hushed atmosphere of a winter fir forest.

earthcalm5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Winter Fir Silence 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 Fir Silence.

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

Data visualization

#2C3531#3B4B47#546C67#7B9D96#AFC4BF

Palette guide

How to use Winter Fir Silence

Overview

The "Winter Fir Silence" palette offers a sophisticated range of muted, deep greens and cool grays, perfect for evoking a serene, hushed atmosphere. Starting with the darkest, #2C3531, through the mid-tones like #546C67 and #7B9D96, and culminating in the light, airy #AFC4BF, this palette provides a harmonious progression. Developers will find these colors excellent for creating UI elements that convey tranquility and professionalism. Designers can utilize this palette for brands seeking an understated elegance, environmental themes, or applications where a calm and natural aesthetic is paramount, ensuring a cohesive and visually pleasing design from typography to background elements.

Best used for

  • Minimalist branding for eco-conscious businesses
  • Wellness and meditation app interfaces
  • Architectural or interior design presentations
  • Luxury product packaging with a natural feel
  • Art and photography portfolios
  • Serene web layouts for blogs or personal sites

Suggested color roles

primary

A very dark, almost black-green, #2C3531, excellent for strong headings, primary buttons, or sophisticated footers.

secondary

A deep, muted green, #3B4B47, perfect for subheadings, navigation, and secondary content blocks, adding depth.

accent

A gentle, desaturated green-gray, #7B9D96, effective for subtle highlights, interactive states, or decorative elements.

background

A light, airy green-gray, #AFC4BF, serving as a soft, unobtrusive background that enhances readability.

text

The dark green #2C3531 provides strong contrast for body text on lighter backgrounds, ensuring high readability.

Accessibility notes

  • #AFC4BF as a background offers good contrast with #2C3531 and #3B4B47 for text.
  • Be cautious using #7B9D96 for small text, especially on #AFC4BF, as contrast might be borderline.
  • Ensure sufficient contrast for interactive elements, particularly when using lighter shades together.
  • Always test color pairings for WCAG AA compliance, focusing on text and UI components.

Recommended combinations

Deep Forest

For robust, grounding sections like footers, sidebars, or hero sections with dark imagery.

#2C3531 · #3B4B47 · #546C67

Misty Path

Ideal for clean, readable content areas or minimal interfaces where a soft, natural feel is desired.

#AFC4BF · #7B9D96 · #3B4B47

Serene Gradient

Excellent for subtle visual transitions, background elements, or layered graphical components.

#546C67 · #7B9D96 · #AFC4BF

CSS variables

:root {
  --winter-fir-silence-1: #2C3531;
  --winter-fir-silence-2: #3B4B47;
  --winter-fir-silence-3: #546C67;
  --winter-fir-silence-4: #7B9D96;
  --winter-fir-silence-5: #AFC4BF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "winter-fir-silence": {
        1: "#2C3531",
        2: "#3B4B47",
        3: "#546C67",
        4: "#7B9D96",
        5: "#AFC4BF",
      }
    }
  }
}

Related searches

muted green color palettecalm earth tone colorsnatural sophisticated designwinter forest brandingminimalist green gray scheme

Palette colors

Hex values

Color 1#2C3531
·
Color 2#3B4B47
·
Color 3#546C67
·
Color 4#7B9D96
·
Color 5#AFC4BF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.2:1Fail
4.3:1AA18
6.9:1AA
2
1.4:1Fail
1.6:1Fail
3.1:1AA18
5:1AA
3
2.2:1Fail
1.6:1Fail
1.9:1Fail
3.1:1AA18
4
4.3:1AA18
3.1:1AA18
1.9:1Fail
1.6:1Fail
5
6.9:1AA
5:1AA
3.1:1AA18
1.6:1Fail

Similar palettes

More like Winter Fir Silence

View all earth
Forest Whisper Green
Whispering Pine Needles
Whispering Willow Grove
Ancient Moss Whisper
Bamboo Grove Mist
Coastal Pine Solace