Back to palettes

Palette

Winter Grove Stillness

Muted greens and grays reflecting the calm stillness of a frost-kissed winter forest.

neutralcalm5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Winter Grove Stillness 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 Grove Stillness.

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

Data visualization

#A3B5AE#E0EAE9#728D8A#4C6463#BCD4D3

Palette guide

How to use Winter Grove Stillness

Overview

The Winter Grove Stillness palette captures the calm of a frost-kissed winter forest with its muted greens and grays. Ranging from the deep, grounding #4C6463 to the airy #E0EAE9, this collection offers a sophisticated and tranquil aesthetic. The versatile mid-tones like #A3B5AE and #728D8A provide excellent depth and subtle variation, making it ideal for designs that require a sense of natural elegance and composure. Designers can leverage this palette to craft visually soothing interfaces, organic brand identities, or editorial layouts that communicate professionalism and a connection to nature.

Best used for

  • Eco-friendly product branding
  • Nature photography websites
  • Wellness and meditation apps
  • Organic food packaging
  • Sustainable fashion lines
  • Serene interior design concepts

Suggested color roles

primary

Use #4C6463 for strong headers, primary calls to action, or core brand elements, conveying natural stability.

secondary

Ideal for subheadings, secondary buttons, or larger content blocks using #728D8A, offering a sophisticated, muted green.

accent

A versatile accent using #A3B5AE for interactive elements, subtle highlights, or graphical details that need a soft lift.

background

Provides a very light, almost white canvas with a hint of green, #E0EAE9, enhancing the palette's natural feel.

text

Excellent for main body text using #4C6463 on light backgrounds like #E0EAE9, ensuring strong readability.

Accessibility notes

  • Ensure #4C6463 text on #E0EAE9 background meets WCAG AA contrast for optimal readability.
  • Avoid using #A3B5AE or #BCD4D3 for small text against similarly light backgrounds.
  • Use a contrast checker for all text and interactive element pairings to guarantee legibility.
  • Consider slightly darker text (e.g., charcoal) if placing on #BCD4D3 to improve readability for small text.

Recommended combinations

Forest Floor

High-contrast combination for primary content, providing strong readability and an organic feel.

#4C6463 · #E0EAE9 · #728D8A

Misty Leaves

Creates a soft, ethereal blend, ideal for backgrounds or subtle UI elements, evoking mist.

#A3B5AE · #E0EAE9 · #BCD4D3

Grove Depth

A balanced trio for layered elements or sections, providing depth and natural sophistication.

#728D8A · #4C6463 · #A3B5AE

CSS variables

:root {
  --winter-grove-stillness-1: #A3B5AE;
  --winter-grove-stillness-2: #E0EAE9;
  --winter-grove-stillness-3: #728D8A;
  --winter-grove-stillness-4: #4C6463;
  --winter-grove-stillness-5: #BCD4D3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "winter-grove-stillness": {
        1: "#A3B5AE",
        2: "#E0EAE9",
        3: "#728D8A",
        4: "#4C6463",
        5: "#BCD4D3",
      }
    }
  }
}

Related searches

muted green gray palettewinter nature color schemecalm organic brandingserene forest colorsnatural UI design

Palette colors

Hex values

Color 1#A3B5AE
·
Color 2#E0EAE9
·
Color 3#728D8A
·
Color 4#4C6463
·
Color 5#BCD4D3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
1.7:1Fail
3:1Fail
1.4:1Fail
2
1.8:1Fail
2.9:1Fail
5.2:1AA
1.3:1Fail
3
1.7:1Fail
2.9:1Fail
1.8:1Fail
2.3:1Fail
4
3:1Fail
5.2:1AA
1.8:1Fail
4.1:1AA18
5
1.4:1Fail
1.3:1Fail
2.3:1Fail
4.1:1AA18

Similar palettes

More like Winter Grove Stillness

View all neutral