Back to palettes

Palette

Forest Floor Fungi

Muted, earthy tones inspired by the subtle and varied hues of fungi on a quiet forest floor.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#5C4B4B#8B776E#B4A99C#D2CABA#3F3535

Palette guide

How to use Forest Floor Fungi

Overview

The Forest Floor Fungi palette offers a collection of muted, earthy tones inspired by the subtle and varied hues found on a quiet forest floor. Featuring deep, grounding shades like #3F3535 and rich #5C4B4B, it provides a sense of warmth and stability. Lighter, natural tones such as #8B776E, #B4A99C, and #D2CABA introduce softness and organic texture, reminiscent of mushroom caps and decaying leaves. This palette is ideal for designers and developers aiming to create cozy, natural, or artisanal digital experiences, branding, and content. Its understated elegance is perfect for projects that value authenticity and a connection to the natural world.

Best used for

  • Artisan craft and handmade goods branding
  • Organic food and beverage packaging
  • Cozy cafe or bakery interior design
  • Nature-themed textiles and home goods
  • Pottery and ceramics brand identities
  • Educational content about mycology

Suggested color roles

primary

Use #3F3535 as a strong, grounding primary color for headers, navigation, or deep background sections.

secondary

Apply #5C4B4B for supportive elements, subheadings, or larger blocks of color that require a rich, earthy feel.

accent

Introduce #B4A99C as a warm, subtle accent for highlights, decorative patterns, or gentle interactive states.

background

Utilize #D2CABA for light, natural backgrounds, providing a soft, legible canvas for content.

text

Opt for #3F3535 or a dark brown for primary text, ensuring excellent readability on lighter palette shades.

Accessibility notes

  • Ensure #3F3535 provides high contrast for text when used on #D2CABA to meet readability standards.
  • Use #5C4B4B for larger text or headings on lighter backgrounds for improved legibility.
  • Avoid using #B4A99C or #8B776E for small text due to their muted nature and lower contrast.
  • Test all text and background color pairings against WCAG AA guidelines for optimal accessibility.

Recommended combinations

Deep Earth

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

#3F3535 · #D2CABA · #5C4B4B

Fungi Tones

Ideal for creating depth and texture in illustrations, natural UI elements, or layered graphics.

#5C4B4B · #8B776E · #B4A99C

Warm Contrast

Use for call-to-action buttons, subtle highlights, or decorative elements that need to stand out gently.

#3F3535 · #B4A99C · #8B776E

CSS variables

:root {
  --forest-floor-fungi-1: #5C4B4B;
  --forest-floor-fungi-2: #8B776E;
  --forest-floor-fungi-3: #B4A99C;
  --forest-floor-fungi-4: #D2CABA;
  --forest-floor-fungi-5: #3F3535;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "forest-floor-fungi": {
        1: "#5C4B4B",
        2: "#8B776E",
        3: "#B4A99C",
        4: "#D2CABA",
        5: "#3F3535",
      }
    }
  }
}

Related searches

mushroom color paletteearthy brown color schemenatural fungi tonesorganic neutral palettequiet forest colors

Palette colors

Hex values

Color 1#5C4B4B
·
Color 2#8B776E
·
Color 3#B4A99C
·
Color 4#D2CABA
·
Color 5#3F3535
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
3.5:1AA18
5:1AA
1.4:1Fail
2
1.9:1Fail
1.8:1Fail
2.6:1Fail
2.8:1Fail
3
3.5:1AA18
1.8:1Fail
1.4:1Fail
5.1:1AA
4
5:1AA
2.6:1Fail
1.4:1Fail
7.3:1AAA
5
1.4:1Fail
2.8:1Fail
5.1:1AA
7.3:1AAA

Similar palettes

More like Forest Floor Fungi

View all earth
Forest Fungi Earth
Forest Mushroom Rings
Ancient Forest Hush
Ancient Forest Realm
Enchanted Forest Floor
Enchanted Mushroom Glade