Back to palettes

Palette

Forest Fungi

An organic blend of forest floor hues, from mossy greens to mushroom browns and delicate cream.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#556B2F#8B4513#BC8F8F#D2B48C#F5DEB3

Palette guide

How to use Forest Fungi

Overview

The Forest Fungi palette is an organic blend of forest floor hues, from mossy greens to mushroom browns and delicate cream. It features a deep moss green #556B2F, a rich earthy brown #8B4513, a muted rose-brown #BC8F8F, a warm, light beige #D2B48C, and a soft, delicate cream #F5DEB3. This collection of hex codes is ideal for designers seeking to evoke a natural, organic, and comforting aesthetic. Developers can integrate these colors into eco-conscious branding, rustic web interfaces, or botanical digital illustrations, ensuring a cohesive and inviting visual experience that feels both grounded and subtly elegant.

Best used for

  • Natural beauty product branding
  • Artisan food packaging design
  • Rustic home decor websites
  • Nature-inspired art portfolios
  • Wellness and spa digital platforms
  • Cozy blog themes and editorial layouts

Suggested color roles

primary

#556B2F - A deep, grounding moss green, perfect for primary branding elements, large headers, or foundational content blocks.

secondary

#8B4513 - A rich, earthy brown that provides a warm contrast, suitable for subheadings, navigation, or secondary content areas.

accent

#BC8F8F - A muted rose-brown that serves as a unique accent for interactive elements, highlights, or to add a touch of subtle warmth.

background

#F5DEB3 - A soft, delicate cream that offers a clean, breathable canvas, enhancing readability for darker text.

text

#556B2F - Excellent for body text on light backgrounds like #F5DEB3, ensuring strong readability. A dark charcoal or black can also be used for maximum contrast.

Accessibility notes

  • Ensure #556B2F or #8B4513 text on #F5DEB3 background meets WCAG AA contrast for readability, striving for AAA.
  • Avoid using #BC8F8F or #D2B48C for small text on #F5DEB3 as the contrast may be insufficient.
  • Use #BC8F8F for larger graphical elements or as a background for darker text to improve visibility.
  • Always verify contrast ratios for interactive elements, especially buttons and links, to guarantee accessibility.

Recommended combinations

Organic Base

A classic high-contrast combination for main content, with a light background, dark text, and a warm brown for accents.

#F5DEB3 · #556B2F · #8B4513

Forest Layers

Creates a rich, organic layering for feature sections or complex data displays, blending green with rose-brown and beige.

#556B2F · #BC8F8F · #D2B48C

Soft Contrast

A gentle yet clear combination for cards or testimonials, providing warmth and depth with natural tones.

#F5DEB3 · #8B4513 · #556B2F

CSS variables

:root {
  --forest-fungi-1: #556B2F;
  --forest-fungi-2: #8B4513;
  --forest-fungi-3: #BC8F8F;
  --forest-fungi-4: #D2B48C;
  --forest-fungi-5: #F5DEB3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "forest-fungi": {
        1: "#556B2F",
        2: "#8B4513",
        3: "#BC8F8F",
        4: "#D2B48C",
        5: "#F5DEB3",
      }
    }
  }
}

Related searches

forest fungi color schemenatural earthy hex codesorganic green brown palettemushroom inspired colorsrustic cream tones

Palette colors

Hex values

Color 1#556B2F
·
Color 2#8B4513
·
Color 3#BC8F8F
·
Color 4#D2B48C
·
Color 5#F5DEB3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
2.1:1Fail
3:1AA18
4.5:1AA
2
1.2:1Fail
2.5:1Fail
3.6:1AA18
5.4:1AA
3
2.1:1Fail
2.5:1Fail
1.4:1Fail
2.1:1Fail
4
3:1AA18
3.6:1AA18
1.4:1Fail
1.5:1Fail
5
4.5:1AA
5.4:1AA
2.1:1Fail
1.5:1Fail

Similar palettes

More like Forest Fungi

View all earth
Ancient Forest Hush
Ancient Forest Realm
Ancient Mossy Stone
Enchanted Forest Floor
Forest Fern Canopy
Forest Floor Echoes