Back to palettes

Palette

Forest Floor Moss

Rich, damp tones found on the forest floor, where ancient moss and earth intertwine in shadow.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4F6B4C#3A2B1A#696969#BBA086#556B2F

Palette guide

How to use Forest Floor Moss

Overview

The Forest Floor Moss palette (version 4) captures the rich, damp tones found on the forest floor, where ancient moss and earth intertwine in shadow. This palette features a deep, grounding brown #3A2B1A, alongside rich moss greens like #4F6B4C and #556B2F. A versatile mid-tone grey, #696969, adds a stony element, while the warm #BBA086 introduces an earthy highlight. It's an ideal choice for designers and developers aiming to create rustic, natural, or heritage-inspired digital experiences, branding, or art. Its blend of deep, earthy hues evokes a sense of age, authenticity, and grounded tranquility, perfect for projects seeking a raw, natural aesthetic.

Best used for

  • Rustic or heritage brand identities
  • Outdoor adventure gear branding
  • Cozy cabin interior design themes
  • Nature photography portfolios
  • Craft brewing or artisanal food packaging
  • Environmental education materials

Suggested color roles

primary

Utilize #3A2B1A as a deep, grounding primary color for headers, key branding, or impactful background elements.

secondary

Apply #4F6B4C for supportive text, subheadings, or larger UI components, offering a rich moss green.

accent

Introduce #BBA086 as a warm, earthy accent for highlights, decorative patterns, or gentle calls-to-action.

background

Use #696969 as a mid-tone background for depth, or pair it with a very light neutral (not in palette) for contrast.

text

Select #3A2B1A or a dark charcoal for primary text, ensuring excellent readability on lighter palette shades like #BBA086.

Accessibility notes

  • Ensure #3A2B1A provides strong contrast for text when used on #BBA086 to meet WCAG AA standards.
  • Use #4F6B4C for larger text or headings on lighter backgrounds, testing carefully for sufficient contrast.
  • Avoid using #BBA086 for small text due to its muted nature and potential for lower contrast.
  • When using #696969 as a background, ensure text (e.g., white or very light grey) provides ample contrast.

Recommended combinations

Deep Earth

Excellent for primary branding, clear text on light backgrounds, and robust content blocks with natural textures.

#3A2B1A · #BBA086 · #4F6B4C

Moss & Stone

Ideal for illustrations, UI elements, or grounded design that evokes natural elements like moss and rock.

#4F6B4C · #696969 · #556B2F

Rustic Contrast

Perfect for calls-to-action, subtle highlights, or decorative elements that need to stand out with an earthy feel.

#3A2B1A · #556B2F · #BBA086

CSS variables

:root {
  --forest-floor-moss-4-1: #4F6B4C;
  --forest-floor-moss-4-2: #3A2B1A;
  --forest-floor-moss-4-3: #696969;
  --forest-floor-moss-4-4: #BBA086;
  --forest-floor-moss-4-5: #556B2F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "forest-floor-moss-4": {
        1: "#4F6B4C",
        2: "#3A2B1A",
        3: "#696969",
        4: "#BBA086",
        5: "#556B2F",
      }
    }
  }
}

Related searches

dark moss earthy paletterustic forest colorsancient wood tonesdeep green brown schemenatural shadow palette

Palette colors

Hex values

Color 1#4F6B4C
·
Color 2#3A2B1A
·
Color 3#696969
·
Color 4#BBA086
·
Color 5#556B2F
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.3:1Fail
1.1:1Fail
2.4:1Fail
1:1Fail
2
2.3:1Fail
2.5:1Fail
5.5:1AA
2.3:1Fail
3
1.1:1Fail
2.5:1Fail
2.2:1Fail
1.1:1Fail
4
2.4:1Fail
5.5:1AA
2.2:1Fail
2.4:1Fail
5
1:1Fail
2.3:1Fail
1.1:1Fail
2.4:1Fail

Similar palettes

More like Forest Floor Moss

View all earth
Woodland Floor Whisper
Ancient Forest Bark
Ancient Mossy Stone
Desert Succulent
Forest Fern Canopy
Forest Fern Canopy