Back to palettes

Palette

Mushroom Forest Floor

Earthy browns and muted grays represent the damp, organic textures of 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

#E6E0D2#C2B0A6#A68D7D#8C6A5B#6D4C3E

Palette guide

How to use Mushroom Forest Floor

Overview

The Mushroom Forest Floor palette (original) offers a serene, rustic gradient of earthy browns, evoking the damp, organic textures of a shaded woodland. It transitions smoothly from the creamy #E6E0D2 to the soft #C2B0A6, the warm #A68D7D, the rich #8C6A5B, and finally the deep #6D4C3E. This collection is a treasure for designers and developers aiming to create natural, comforting, and authentic aesthetics. It's perfectly suited for projects requiring a grounded, rustic charm, or a warm, inviting feel, from organic product branding to cozy digital interfaces and editorial designs.

Best used for

  • Organic food and wellness product branding
  • Rustic home decor and furniture design
  • Nature-themed editorial and blog layouts
  • Artisanal craft and handmade goods marketing
  • Cozy coffee shop or bakery branding
  • Websites promoting sustainable living

Suggested color roles

primary

Utilize #6D4C3E as a deep, grounding primary color, ideal for strong headers, footers, or foundational elements in a design.

secondary

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

accent

Apply #E6E0D2 as the lightest, creamy highlight for delicate details, subtle typography, or to provide gentle visual contrast.

background

A light and inviting background like #C2B0A6 offers a warm, neutral canvas, allowing deeper tones to layer beautifully and the lightest to softly emerge.

text

For excellent readability, use #6D4C3E or a rich dark brown (e.g., #4C3326) for primary text on lighter backgrounds within this palette.

Accessibility notes

  • Ensure sufficient contrast for text, especially when using mid-tones like #A68D7D on #C2B0A6.
  • The lightest color, #E6E0D2, will require a very dark text color for optimal readability.
  • Avoid using #8C6A5B for small text on #6D4C3E backgrounds, as contrast may be insufficient.
  • Always test text and interactive element colors against their backgrounds using WCAG contrast checkers.

Recommended combinations

Forest Layers

A balanced combination offering strong contrast and natural appeal, suitable for primary content and branding.

#6D4C3E · #A68D7D · #E6E0D2

Rustic Glow

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

#C2B0A6 · #E6E0D2 · #8C6A5B

Deep Roots

A harmonious blend of darker browns, perfect for robust, grounding sections or monochromatic design schemes.

#6D4C3E · #8C6A5B · #A68D7D

CSS variables

:root {
  --mushroom-forest-floor-1: #E6E0D2;
  --mushroom-forest-floor-2: #C2B0A6;
  --mushroom-forest-floor-3: #A68D7D;
  --mushroom-forest-floor-4: #8C6A5B;
  --mushroom-forest-floor-5: #6D4C3E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mushroom-forest-floor": {
        1: "#E6E0D2",
        2: "#C2B0A6",
        3: "#A68D7D",
        4: "#8C6A5B",
        5: "#6D4C3E",
      }
    }
  }
}

Related searches

rustic brown palettenatural wood colorsearthy mushroom toneswarm neutral designforest texture palette

Palette colors

Hex values

Color 1#E6E0D2
·
Color 2#C2B0A6
·
Color 3#A68D7D
·
Color 4#8C6A5B
·
Color 5#6D4C3E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.4:1Fail
3.7:1AA18
5.8:1AA
2
1.6:1Fail
1.5:1Fail
2.3:1Fail
3.7:1AA18
3
2.4:1Fail
1.5:1Fail
1.6:1Fail
2.4:1Fail
4
3.7:1AA18
2.3:1Fail
1.6:1Fail
1.6:1Fail
5
5.8:1AA
3.7:1AA18
2.4:1Fail
1.6:1Fail

Similar palettes

More like Mushroom Forest Floor

View all earth
Rustic Forest Floor
Rustic Woodland Glade
Aged Wood Stain
Ancient Clay Vessel
Ancient Forest Bark
Bohemian Earth Weave