Back to palettes

Palette

Frosted Forest Moss

Soft, muted greens and grays depict a quiet forest floor lightly touched by winter frost.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Frosted Forest Moss 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 Frosted Forest Moss.

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

Data visualization

#D9E0D4#B1BFAB#8C9E87#6A7D6A#4C5C4D

Palette guide

How to use Frosted Forest Moss

Overview

The Frosted Forest Moss palette offers a collection of soft, muted greens and grays, evoking the quiet tranquility of a forest floor lightly touched by winter frost. From the very light #D9E0D4 to the deep, grounding #4C5C4D, this palette provides a subtle yet rich range. The balanced #8C9E87 serves as a versatile primary, while the lighter #B1BFAB introduces a delicate, frosted quality. The earthy #6A7D6A adds a deeper mid-tone. This palette is perfect for designs seeking a peaceful, organic, and understated aesthetic, reminiscent of mossy textures and serene natural environments.

Best used for

  • Eco-friendly branding and sustainable product packaging
  • Minimalist websites and serene digital interfaces
  • Nature-inspired art and photography portfolios
  • Organic food brands and health & wellness marketing
  • Peaceful interior design concepts and textile patterns
  • Brand identity focused on authenticity and tranquility

Suggested color roles

primary

Utilize #8C9E87 as the core moss green for main brand elements, key calls-to-action, or hero sections, providing a calming and natural presence.

secondary

Apply #6A7D6A for supporting headings, sub-sections, or backgrounds to introduce a deeper, earthy dimension.

accent

Reserve #B1BFAB for subtle highlights, delicate icons, or textural elements to add a soft, frosted elegance.

background

Employ #D9E0D4 as a very light, soft green-gray background, offering a serene and expansive canvas.

text

Choose #4C5C4D for all primary body text and important information to ensure excellent readability and a deep, grounding contrast.

Accessibility notes

  • Ensure #4C5C4D text has strong contrast on #D9E0D4 and #B1BFAB backgrounds to meet WCAG guidelines.
  • Avoid using #B1BFAB for small text or critical information, as its lightness can reduce readability for some users.
  • Test interactive elements thoroughly to ensure hover and active states are clearly distinguishable against the muted tones.
  • Consider using a crisp white for text on the darkest color #4C5C4D to maximize contrast in specific design contexts.

Recommended combinations

Mossy Depths

Create a deep, organic contrast with #4C5C4D and the light #D9E0D4, anchored by the primary #8C9E87 for a grounded, natural feel.

#4C5C4D · #D9E0D4 · #8C9E87

Gentle Layers

Combine the secondary #6A7D6A with the light #B1BFAB accent and the primary #8C9E87 for a layered, subtle, and harmonious composition.

#6A7D6A · #B1BFAB · #8C9E87

Subtle Tranquility

Pair the primary #8C9E87 with an #D9E0D4 background, using #6A7D6A for grounding accents, creating a calm and understated design.

#8C9E87 · #D9E0D4 · #6A7D6A

CSS variables

:root {
  --frosted-forest-moss-1: #D9E0D4;
  --frosted-forest-moss-2: #B1BFAB;
  --frosted-forest-moss-3: #8C9E87;
  --frosted-forest-moss-4: #6A7D6A;
  --frosted-forest-moss-5: #4C5C4D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frosted-forest-moss": {
        1: "#D9E0D4",
        2: "#B1BFAB",
        3: "#8C9E87",
        4: "#6A7D6A",
        5: "#4C5C4D",
      }
    }
  }
}

Related searches

moss green palettetranquil forest colorsmuted nature schemesubtle green grayeco-friendly design

Palette colors

Hex values

Color 1#D9E0D4
·
Color 2#B1BFAB
·
Color 3#8C9E87
·
Color 4#6A7D6A
·
Color 5#4C5C4D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.1:1Fail
3.3:1AA18
5.3:1AA
2
1.4:1Fail
1.5:1Fail
2.3:1Fail
3.7:1AA18
3
2.1:1Fail
1.5:1Fail
1.5:1Fail
2.5:1Fail
4
3.3:1AA18
2.3:1Fail
1.5:1Fail
1.6:1Fail
5
5.3:1AA
3.7:1AA18
2.5:1Fail
1.6:1Fail

Similar palettes

More like Frosted Forest Moss

View all cool
Emerald Valley Mist
Frosted Evergreen Haze
Riverbed Moss Flow
Alpine Forest Chill
Arctic Moss Glaze
Deep Forest Lull