Back to palettes

Palette

Verdant Moss Whisper

A serene blend capturing the quiet, shaded depths of an ancient, moss-laden forest.

earthcalm5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Verdant Moss Whisper 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 Verdant Moss Whisper.

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

Data visualization

#4A5F40#6D8B6C#B1C7AE#8C7D64#C8C0B2

Palette guide

How to use Verdant Moss Whisper

Overview

The Verdant Moss Whisper palette captures the serene and shaded depths of an ancient, moss-laden forest, perfect for evoking calm and organic elegance. This collection features a harmonious blend of muted greens and soft, earthy neutrals. Key shades include the deep forest green #4A5F40, the tranquil #6D8B6C, and the very light, almost creamy #C8C0B2. A unique addition is the warm, stony beige #8C7D64, which adds a subtle contrast and grounding element. Designers can utilize these colors to create inviting, naturalistic interfaces, packaging, or branding that emphasizes tranquility, heritage, and a connection to nature.

Best used for

  • Organic food and beverage branding
  • Eco-conscious product packaging
  • Calm and meditative app interfaces
  • Spa and wellness retreat websites
  • Interior decor inspiration
  • Nature photography portfolios

Suggested color roles

primary

#4A5F40 serves as a deep, anchoring primary color for bold statements, main navigation, or impactful headings, conveying depth.

secondary

#6D8B6C provides a softer, supportive green, ideal for subheadings, secondary buttons, or larger text blocks, maintaining the natural feel.

accent

The warm #8C7D64 can act as a unique accent, drawing attention to calls-to-action or key information, breaking up the green dominance.

background

#C8C0B2 offers a very light, almost off-white background, ensuring excellent readability for darker text and a soft, airy feel.

text

Use #4A5F40 for main body text on light backgrounds like #C8C0B2, or a clean white for text on darker elements like #4A5F40.

Accessibility notes

  • Ensure strong contrast between #4A5F40 text and #C8C0B2 background for legibility.
  • #B1C7AE on #C8C0B2 may lack sufficient contrast for small text; use for larger elements only.
  • #8C7D64 provides moderate contrast on #C8C0B2, suitable for secondary text or larger displays.
  • Always check color combinations for WCAG AA compliance, especially with the lighter green #B1C7AE.

Recommended combinations

Forest Canopy

Creates a deep, natural base with a light contrast, suitable for main layouts and text.

#4A5F40 · #6D8B6C · #C8C0B2

Earthy Whisper

A balanced combination for secondary content, highlighting, and subtle design elements.

#6D8B6C · #8C7D64 · #B1C7AE

Stone & Moss

Excellent for backgrounds, accent details, and dark, readable text, evoking natural textures.

#C8C0B2 · #8C7D64 · #4A5F40

CSS variables

:root {
  --verdant-moss-whisper-1: #4A5F40;
  --verdant-moss-whisper-2: #6D8B6C;
  --verdant-moss-whisper-3: #B1C7AE;
  --verdant-moss-whisper-4: #8C7D64;
  --verdant-moss-whisper-5: #C8C0B2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "verdant-moss-whisper": {
        1: "#4A5F40",
        2: "#6D8B6C",
        3: "#B1C7AE",
        4: "#8C7D64",
        5: "#C8C0B2",
      }
    }
  }
}

Related searches

calm green paletteorganic forest colorsmuted nature tonesserene moss huesearthy beige green scheme

Palette colors

Hex values

Color 1#4A5F40
·
Color 2#6D8B6C
·
Color 3#B1C7AE
·
Color 4#8C7D64
·
Color 5#C8C0B2
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
3.9:1AA18
1.7:1Fail
3.9:1AA18
2
1.9:1Fail
2.1:1Fail
1.1:1Fail
2.1:1Fail
3
3.9:1AA18
2.1:1Fail
2.2:1Fail
1:1Fail
4
1.7:1Fail
1.1:1Fail
2.2:1Fail
2.2:1Fail
5
3.9:1AA18
2.1:1Fail
1:1Fail
2.2:1Fail

Similar palettes

More like Verdant Moss Whisper

View all earth