Back to palettes

Palette

Mushroom Forest Floor

Earthy browns and soft grays evoke the damp, quiet beauty of mushrooms thriving on a 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

#3A2B20#6E4F3E#9F7B6D#C2A69A#E6DCD2

Palette guide

How to use Mushroom Forest Floor

Overview

The Mushroom Forest Floor palette (version 4) offers a beautifully cohesive gradient of earthy browns, moving from the deep #3A2B20 to the rich #6E4F3E, the warm #9F7B6D, the soft #C2A69A, and finally the serene #E6DCD2. This collection perfectly embodies the damp, quiet beauty of a forest floor, rich with wood and fungi textures. For designers and developers, this palette is ideal for creating natural, sophisticated, and comforting aesthetics. It excels in projects demanding a sense of organic elegance, rustic charm, or a warm, grounded visual experience in digital or physical products.

Best used for

  • Coffee shop and bakery branding
  • Cozy home decor and interior design
  • Vintage or heritage brand aesthetics
  • Skincare and natural beauty product packaging
  • Nature-inspired web and mobile app interfaces
  • Book covers with a rustic or earthy theme

Suggested color roles

primary

Utilize #3A2B20 as a deep, grounding primary color, perfect for robust headers, footers, or background sections that require strong presence.

secondary

Employ #6E4F3E to add rich warmth and depth, suitable for prominent UI elements, card backgrounds, or accent panels.

accent

Apply #E6DCD2 as a soft, almost-white highlight for delicate details, subtle typography, or to provide gentle visual contrast.

background

A gentle, warm background like #C2A69A offers an inviting and natural canvas, allowing darker elements to layer beautifully and the lightest to softly emerge.

text

For excellent readability, use #3A2B20 or a deep charcoal (e.g., #222222) for primary text on lighter backgrounds within this palette.

Accessibility notes

  • Ensure sufficient contrast for text, especially when using mid-tones like #9F7B6D on #C2A69A.
  • The lightest color, #E6DCD2, will require a very dark text color for optimal readability.
  • Avoid using #6E4F3E for small text on #3A2B20 backgrounds, as contrast may be insufficient.
  • Always test text and interactive element colors against their backgrounds using WCAG contrast checkers.

Recommended combinations

Deep Earth

A strong, grounding combination with a soft highlight, perfect for primary branding and content blocks.

#3A2B20 · #6E4F3E · #E6DCD2

Warm Fungi

Offers a smooth, inviting gradient of warm browns, ideal for backgrounds, textured elements, or layered designs.

#6E4F3E · #9F7B6D · #C2A69A

Forest Whisper

Creates an airy, light feel with a dark anchor, suitable for minimalist designs, subtle typography, or elegant layouts.

#C2A69A · #E6DCD2 · #3A2B20

CSS variables

:root {
  --mushroom-forest-floor-4-1: #3A2B20;
  --mushroom-forest-floor-4-2: #6E4F3E;
  --mushroom-forest-floor-4-3: #9F7B6D;
  --mushroom-forest-floor-4-4: #C2A69A;
  --mushroom-forest-floor-4-5: #E6DCD2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mushroom-forest-floor-4": {
        1: "#3A2B20",
        2: "#6E4F3E",
        3: "#9F7B6D",
        4: "#C2A69A",
        5: "#E6DCD2",
      }
    }
  }
}

Related searches

brown forest palettewood tone colorsnatural earthy gradientfungi inspired designrustic neutral palette

Palette colors

Hex values

Color 1#3A2B20
·
Color 2#6E4F3E
·
Color 3#9F7B6D
·
Color 4#C2A69A
·
Color 5#E6DCD2
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3.6:1AA18
6:1AA
10:1AAA
2
1.8:1Fail
1.9:1Fail
3.2:1AA18
5.4:1AA
3
3.6:1AA18
1.9:1Fail
1.7:1Fail
2.8:1Fail
4
6:1AA
3.2:1AA18
1.7:1Fail
1.7:1Fail
5
10:1AAA
5.4:1AA
2.8:1Fail
1.7:1Fail

Similar palettes

More like Mushroom Forest Floor

View all earth
Forest Bark Texture
Forest Floor Canopy
Forest Floor Duet
Forest Fungi Moss
Mossy Glen Whisper
Mycelial Forest Floor