Back to palettes

Palette

Mushroom Forest Floor

A quiet, earthy palette inspired by the rich textures and subtle hues found on a shaded forest floor.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#7e6a57#a99c8f#5c6e5e#c4c3b0#9b7e73

Palette guide

How to use Mushroom Forest Floor

Overview

The Mushroom Forest Floor palette offers a quiet, earthy collection of muted tones inspired by shaded woodland ground. It features a grounding brown #7e6a57, a versatile gray-brown #a99c8f, a subtle green-gray #5c6e5e, a light, almost-white #c4c3b0, and a warm red-brown #9b7e73. This palette is a designer's and developer's dream for crafting natural, organic, and comforting aesthetics. It excels in projects that require a sense of tranquility, rustic charm, or a connection to nature, from editorial layouts to sustainable product branding and cozy digital environments.

Best used for

  • Organic product branding and packaging
  • Rustic interior design concepts
  • Nature-themed editorial layouts
  • Cozy blog or website themes
  • Artisan craft and handmade goods branding
  • Backgrounds for nature photography

Suggested color roles

primary

Utilize #7e6a57 as a rich, grounding brown, perfect for headers, footers, or main content blocks that need a stable, earthy presence.

secondary

Employ #5c6e5e to introduce a subtle green undertone, ideal for secondary elements, accent panels, or muted graphical details.

accent

Apply #c4c3b0 as a soft, almost-white highlight for delicate details, interactive states, or to provide gentle visual breaks.

background

A light and versatile background like #a99c8f offers a calming, neutral canvas, allowing other earthy tones to blend harmoniously.

text

For excellent readability, use #7e6a57 or a dark charcoal (e.g., #333333) for primary text on lighter backgrounds within this palette.

Accessibility notes

  • Carefully check text contrast, especially when pairing mid-tones like #9b7e73 on #a99c8f.
  • The lightest color, #c4c3b0, will require very dark text for good readability.
  • Avoid using #5c6e5e for small text on #7e6a57 as the contrast might be insufficient.
  • Always use a contrast checker to ensure WCAG compliance for all text and interactive elements.

Recommended combinations

Earthy Harmony

A balanced and calming trio, excellent for main content areas and backgrounds, providing gentle depth.

#7E6A57 · #A99C8F · #C4C3B0

Mossy Ground

Offers a rich, natural blend of greens and browns, ideal for evoking organic textures and subtle variation.

#5C6E5E · #7E6A57 · #9B7E73

Soft Whisper

Creates an airy, gentle aesthetic with a grounding anchor, suitable for minimalist designs or subtle branding.

#A99C8F · #C4C3B0 · #7E6A57

CSS variables

:root {
  --mushroom-forest-floor-2-1: #7e6a57;
  --mushroom-forest-floor-2-2: #a99c8f;
  --mushroom-forest-floor-2-3: #5c6e5e;
  --mushroom-forest-floor-2-4: #c4c3b0;
  --mushroom-forest-floor-2-5: #9b7e73;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mushroom-forest-floor-2": {
        1: "#7e6a57",
        2: "#a99c8f",
        3: "#5c6e5e",
        4: "#c4c3b0",
        5: "#9b7e73",
      }
    }
  }
}

Related searches

earthy mushroom paletteforest floor colorsnatural muted tonesrustic brown greenorganic design palette

Palette colors

Hex values

Color 1#7e6a57
·
Color 2#a99c8f
·
Color 3#5c6e5e
·
Color 4#c4c3b0
·
Color 5#9b7e73
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
1.1:1Fail
2.9:1Fail
1.4:1Fail
2
1.9:1Fail
2:1Fail
1.5:1Fail
1.4:1Fail
3
1.1:1Fail
2:1Fail
3.1:1AA18
1.5:1Fail
4
2.9:1Fail
1.5:1Fail
3.1:1AA18
2.1:1Fail
5
1.4:1Fail
1.4:1Fail
1.5:1Fail
2.1:1Fail

Similar palettes

More like Mushroom Forest Floor

View all earth
Shaded Fungi Realm
Forest Fungi Earth
Enchanted Mushroom Glade
Enchanted Mushroom Ring
Forest Bramble Harvest
Forest Floor Fungi