Back to palettes

Palette

Ancient Moss Whisper

A peaceful palette of soft, deep greens reminiscent of a quiet, moss-covered ancient forest floor.

earthcalm5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2F3C2C#4E6347#748B6E#A0B29C#D1E0CC

Palette guide

How to use Ancient Moss Whisper

Overview

The Ancient Moss Whisper palette offers a peaceful collection of soft, deep greens, reminiscent of a quiet, moss-covered ancient forest floor. This serene range features a very dark forest green #2F3C2C, a balanced medium green #4E6347, and a muted sage #748B6E. Developers and designers can leverage these tranquil hues for projects demanding a natural, calming, or sophisticated aesthetic. The palette is softened by a light, airy green #A0B29C and a luminous near-white #D1E0CC, providing excellent options for backgrounds, text, and decorative elements, ensuring a cohesive and understated visual experience that speaks of tranquility and enduring nature.

Best used for

  • Wellness and mindfulness apps or websites
  • Eco-friendly product packaging and branding
  • Spa or meditation retreat marketing materials
  • Minimalist website designs with a natural touch
  • Photography portfolios with serene landscapes
  • High-end organic food branding

Suggested color roles

primary

Use #2F3C2C (Very Dark Forest Green) for dominant sections, headers, or a strong brand base, conveying depth and calm.

secondary

Apply #4E6347 (Medium Green) for supporting elements, sidebars, or interactive features, adding subtle vibrancy.

accent

Employ #748B6E (Muted Sage) for subtle highlights, icons, or decorative details, providing a gentle, organic focal point.

background

The lightest #D1E0CC (Near-White) serves as an excellent, airy background, allowing darker text to stand out clearly.

text

For lighter backgrounds, use #2F3C2C or a deep charcoal black for optimal readability. For dark backgrounds, use white.

Accessibility notes

  • Ensure sufficient contrast for text when using #A0B29C (Light Green) on #D1E0CC (Near-White); it may be too subtle for readability.
  • Pair #2F3C2C (Very Dark Forest Green) or a deep charcoal with #D1E0CC for text to meet WCAG AA contrast standards.
  • Avoid using #748B6E (Muted Sage) on #A0B29C (Light Green) for small text; the contrast might be insufficient.
  • The overall muted and serene nature of the palette means clear visual hierarchy is important for user experience.

Recommended combinations

Quiet Grove

Ideal for a calming, readable website layout with good text readability and subtle mossy accents.

#2F3C2C · #4E6347 · #D1E0CC

Whispering Moss

Great for content blocks, card backgrounds, or a subtle gradient, evoking moss-covered surfaces.

#748B6E · #A0B29C · #4E6347

Deep Tranquility

Use the darkest shades for impactful headings or calls-to-action against a light, inviting background.

#D1E0CC · #2F3C2C · #748B6E

CSS variables

:root {
  --ancient-moss-whisper-1: #2F3C2C;
  --ancient-moss-whisper-2: #4E6347;
  --ancient-moss-whisper-3: #748B6E;
  --ancient-moss-whisper-4: #A0B29C;
  --ancient-moss-whisper-5: #D1E0CC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-moss-whisper": {
        1: "#2F3C2C",
        2: "#4E6347",
        3: "#748B6E",
        4: "#A0B29C",
        5: "#D1E0CC",
      }
    }
  }
}

Related searches

calming green color palettemossy forest hex codesserene natural schememuted earthy greenstranquil design colors

Palette colors

Hex values

Color 1#2F3C2C
·
Color 2#4E6347
·
Color 3#748B6E
·
Color 4#A0B29C
·
Color 5#D1E0CC
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3.1:1AA18
5.2:1AA
8.5:1AAA
2
1.8:1Fail
1.8:1Fail
2.9:1Fail
4.8:1AA
3
3.1:1AA18
1.8:1Fail
1.7:1Fail
2.7:1Fail
4
5.2:1AA
2.9:1Fail
1.7:1Fail
1.6:1Fail
5
8.5:1AAA
4.8:1AA
2.7:1Fail
1.6:1Fail

Similar palettes

More like Ancient Moss Whisper

View all earth
Tranquil Moss Path
Emerald Moss Glade
Forest Floor Moss
Forest Moss Carpet
Rainy Forest Path
Ancient Forest Hearth