Back to palettes

Palette

Mossy Stone Whisper

Harmonious greens and muted grays, capturing the quiet beauty of moss growing on ancient stones.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Mossy Stone 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 Mossy Stone Whisper.

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

Data visualization

#5F6F52#A9B388#4D4B3D#908D7D#D0D2B8

Palette guide

How to use Mossy Stone Whisper

Overview

The Mossy Stone Whisper palette evokes a serene, earthy atmosphere, perfect for designs seeking a natural, quiet elegance. Dominated by muted greens and subtle grays, this collection features the deep, grounding tone of #4D4B3D, the tranquil moss green of #5F6F52, and the soft, almost sun-bleached #D0D2B8. Complementary shades like #A9B388 and #908D7D bridge the greens and grays, offering a versatile range for creating depth and harmony. This palette is ideal for conveying a sense of calm, authenticity, and connection to nature, suitable for various digital and physical applications where understated beauty is key. Designers will find its gentle contrasts and organic feel highly adaptable.

Best used for

  • eco-friendly branding
  • spa and wellness websites
  • nature-inspired product packaging
  • interior design mood boards
  • sustainable fashion lookbooks
  • meditation app interfaces

Suggested color roles

primary

Use #5F6F52 as a primary green for main sections or prominent UI elements, providing a grounding, natural feel.

secondary

Apply #A9B388 for secondary backgrounds, accents, or illustrations, offering a lighter, more refreshing green.

accent

Highlight key information or interactive elements with #4D4B3D, a deep, rich charcoal-brown that provides strong contrast.

background

Employ #D0D2B8 for clean, airy backgrounds, offering excellent readability for dark text and a sense of spaciousness.

text

For body text, use #4D4B3D for optimal readability against lighter backgrounds like #D0D2B8, or a near-black for stronger contrast.

Accessibility notes

  • Ensure sufficient contrast between #4D4B3D text and #D0D2B8 backgrounds for WCAG AA compliance.
  • Avoid using #A9B388 for small text on #D0D2B8 as contrast may be insufficient.
  • Pair #5F6F52 with #D0D2B8 for larger text or graphical elements to maintain good visibility.
  • Consider using a true dark charcoal or black for critical text elements on any light background within this palette.

Recommended combinations

Forest Floor

Ideal for header sections or hero images, creating a sense of depth and natural layering.

#4D4B3D · #5F6F52 · #A9B388

Stone Path

Excellent for body content, using #D0D2B8 as background, #908D7D for secondary text, and #4D4B3D for headings.

#D0D2B8 · #908D7D · #4D4B3D

Mossy Highlights

Suitable for infographics or data visualization, offering clear differentiation within a soft green spectrum.

#A9B388 · #5F6F52 · #908D7D

CSS variables

:root {
  --mossy-stone-whisper-1: #5F6F52;
  --mossy-stone-whisper-2: #A9B388;
  --mossy-stone-whisper-3: #4D4B3D;
  --mossy-stone-whisper-4: #908D7D;
  --mossy-stone-whisper-5: #D0D2B8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mossy-stone-whisper": {
        1: "#5F6F52",
        2: "#A9B388",
        3: "#4D4B3D",
        4: "#908D7D",
        5: "#D0D2B8",
      }
    }
  }
}

Related searches

earth tone color schemenatural green gray palettemossy neutral colorsquiet nature color blendorganic design palette

Palette colors

Hex values

Color 1#5F6F52
·
Color 2#A9B388
·
Color 3#4D4B3D
·
Color 4#908D7D
·
Color 5#D0D2B8
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.4:1Fail
1.6:1Fail
1.6:1Fail
3.5:1AA18
2
2.4:1Fail
4:1AA18
1.5:1Fail
1.4:1Fail
3
1.6:1Fail
4:1AA18
2.6:1Fail
5.7:1AA
4
1.6:1Fail
1.5:1Fail
2.6:1Fail
2.2:1Fail
5
3.5:1AA18
1.4:1Fail
5.7:1AA
2.2:1Fail

Similar palettes

More like Mossy Stone Whisper

View all earth
Verdant Moss Stone
Ancient Mossy Stone
Forest Floor Moss
Forest Moss Trail
Forest Undergrowth Blend
Mossy Stone Wall