Back to palettes

Palette

Mycelial Forest Floor

Organic, damp hues reflecting the hidden, intricate ecosystem of the forest floor and its fungi.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#364536#5C5C42#8E885F#B4A37A#7A707F

Palette guide

How to use Mycelial Forest Floor

Overview

The Mycelial Forest Floor palette delves into the rich, damp, and organic hues found beneath the canopy, reflecting the hidden life of fungi and moss. This collection features a deep forest green-black, #364536, a muted olive-brown, #5C5C42, and a warm, earthy khaki, #8E885F. A lighter, sandy beige, #B4A37A, brings in elements of dried leaves, while a mysterious gray-purple, #7A707F, hints at shaded, damp earth. This palette is perfect for designs aiming for a natural, rustic, and introspective feel, evoking the quiet complexity of a thriving ecosystem.

Best used for

  • Eco-tourism branding
  • Nature conservation websites
  • Organic food and beverage packaging
  • Documentary film graphics
  • Outdoor gear e-commerce
  • Botanical illustration projects

Suggested color roles

primary

Use #364536 (Forest Green-Black) for strong headers, footers, or backgrounds to establish a deep, grounding presence.

secondary

Apply #5C5C42 (Muted Olive-Brown) for subheadings, navigation, or card backgrounds, providing a rich, earthy texture.

accent

Utilize #8E885F (Earthy Khaki) for subtle highlights, icons, or illustrative details to add a touch of natural warmth.

background

Employ #B4A37A (Sandy Beige) as a warm, inviting base for content, offering excellent readability with darker text.

text

Use white or a very light cream for text on #364536, #5C5C42, and #7A707F. For text on #B4A37A, a deep brown or charcoal is recommended.

Accessibility notes

  • Ensure strong contrast when using #364536 or #5C5C42 as backgrounds with light-colored text (e.g., white or light beige).
  • #B4A37A offers good contrast for dark text, making it suitable for main content areas.
  • Avoid pairing #8E885F and #B4A37A for small text elements due to their similar lightness values.
  • Always verify text and interactive element contrast ratios using accessibility tools to meet WCAG guidelines.

Recommended combinations

Deep Roots

Perfect for a nature-themed website's main navigation, using #364536 for the bar, #B4A37A for links, and #5C5C42 for active states.

#364536 · #B4A37A · #5C5C42

Mossy Layers

Great for illustrating textured backgrounds or subtle data visualizations, with #5C5C42 as base, #8E885F for overlays, and #7A707F for shadows.

#5C5C42 · #8E885F · #7A707F

Forest Glow

Ideal for blog post cards, using #B4A37A for the card background, #364536 for titles, and #8E885F for categories.

#B4A37A · #364536 · #8E885F

CSS variables

:root {
  --mycelial-forest-floor-1: #364536;
  --mycelial-forest-floor-2: #5C5C42;
  --mycelial-forest-floor-3: #8E885F;
  --mycelial-forest-floor-4: #B4A37A;
  --mycelial-forest-floor-5: #7A707F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mycelial-forest-floor": {
        1: "#364536",
        2: "#5C5C42",
        3: "#8E885F",
        4: "#B4A37A",
        5: "#7A707F",
      }
    }
  }
}

Related searches

forest floor color palettemycelium inspired colorsearthy moss green schemenatural woodland tonesorganic forest branding

Palette colors

Hex values

Color 1#364536
·
Color 2#5C5C42
·
Color 3#8E885F
·
Color 4#B4A37A
·
Color 5#7A707F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.8:1Fail
4.1:1AA18
2.2:1Fail
2
1.5:1Fail
1.9:1Fail
2.8:1Fail
1.5:1Fail
3
2.8:1Fail
1.9:1Fail
1.4:1Fail
1.3:1Fail
4
4.1:1AA18
2.8:1Fail
1.4:1Fail
1.9:1Fail
5
2.2:1Fail
1.5:1Fail
1.3:1Fail
1.9:1Fail

Similar palettes

More like Mycelial Forest Floor

View all earth
Forest Floor Moss
Forest Moss Trail
Forest Mushroom Rings
Ancient Forest Bark
Ancient Mossy Stone
Emerald Canopy Hush