Back to palettes

Palette

Forest Fungi Earth

Muted and natural, like the hidden ecosystem of fungi and fallen leaves on an autumn forest floor.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4A3A2A#8B653C#B29B87#D3C3B6#2E1E1E

Palette guide

How to use Forest Fungi Earth

Overview

The Forest Fungi Earth palette is a rich tapestry of muted, organic tones inspired by the hidden ecosystem of a forest floor. It features a very deep brown #4A3A2A, a warm, rich mushroom brown #8B653C, a soft, muted beige #B29B87, a delicate off-white #D3C3B6, and an almost black #2E1E1E. This collection of hex codes is ideal for designers looking to create a natural, grounded, and sophisticated aesthetic. Developers can leverage these colors for branding, web designs, or digital illustrations that require an authentic, earthy feel, ensuring a cohesive and inviting user experience reminiscent of autumn's quiet beauty.

Best used for

  • Organic food and beverage branding
  • Artisan craft e-commerce platforms
  • Nature-inspired editorial layouts
  • Rustic wedding invitations and decor
  • Environmental conservation websites
  • Cozy home decor digital mood boards

Suggested color roles

primary

#2E1E1E - The deepest, almost black, serving as a strong foundation for backgrounds, primary text, or bold design elements.

secondary

#4A3A2A - A rich, dark brown, excellent for secondary backgrounds, large text, or content containers to add depth.

accent

#8B653C - A warm, inviting mushroom brown that works well for subtle accents, interactive elements, or to draw attention to key information.

background

#D3C3B6 - A soft, delicate off-white providing a clean, breathable canvas that enhances readability for darker text.

text

#2E1E1E - Optimal for body text on light backgrounds like #D3C3B6, ensuring high contrast and legibility. A dark charcoal or black can also be used for maximum impact.

Accessibility notes

  • Ensure #2E1E1E or #4A3A2A text on #D3C3B6 background meets WCAG AAA contrast for optimal readability.
  • Avoid using #B29B87 for small text on #D3C3B6 as the contrast will likely be insufficient.
  • Use #8B653C for larger UI elements or as a background for lighter text to improve visibility.
  • Always verify contrast ratios for all interactive elements, such as buttons and form fields, for usability.

Recommended combinations

Forest Base

A classic high-contrast combination for main content, with a light background, dark text, and a deep brown for secondary elements.

#D3C3B6 · #2E1E1E · #4A3A2A

Mushroom Tones

Creates a rich, organic layering for feature sections or complex data displays, blending browns and beige.

#4A3A2A · #8B653C · #B29B87

Soft Contrast

A gentle yet clear combination for cards or testimonials, providing warmth and depth without being overwhelming.

#D3C3B6 · #8B653C · #4A3A2A

CSS variables

:root {
  --forest-fungi-earth-1: #4A3A2A;
  --forest-fungi-earth-2: #8B653C;
  --forest-fungi-earth-3: #B29B87;
  --forest-fungi-earth-4: #D3C3B6;
  --forest-fungi-earth-5: #2E1E1E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "forest-fungi-earth": {
        1: "#4A3A2A",
        2: "#8B653C",
        3: "#B29B87",
        4: "#D3C3B6",
        5: "#2E1E1E",
      }
    }
  }
}

Related searches

forest fungi color paletteearthy mushroom hex codesmuted organic tonesnatural autumn color schemesubdued brown beige palette

Palette colors

Hex values

Color 1#4A3A2A
·
Color 2#8B653C
·
Color 3#B29B87
·
Color 4#D3C3B6
·
Color 5#2E1E1E
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.1:1Fail
4.1:1AA18
6.3:1AA
1.5:1Fail
2
2.1:1Fail
2:1Fail
3:1AA18
3:1AA18
3
4.1:1AA18
2:1Fail
1.5:1Fail
6:1AA
4
6.3:1AA
3:1AA18
1.5:1Fail
9.3:1AAA
5
1.5:1Fail
3:1AA18
6:1AA
9.3:1AAA

Similar palettes

More like Forest Fungi Earth

View all earth
Forest Floor Fungi
Mushroom Forest Floor
Shaded Fungi Realm
Ancient Forest Hush
Ancient Forest Realm
Enchanted Forest Floor