Back to palettes

Palette

Forest Floor Mycena

Earthy, muted tones resembling the delicate beauty of tiny Mycena mushrooms on a damp 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 Mycena 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 Mycena.

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

Data visualization

#4A4A3E#6B6B5D#8E8E7D#B1B19D#D6D6BC

Palette guide

How to use Forest Floor Mycena

Overview

The Forest Floor Mycena palette offers a subtle, organic collection of muted greens and browns, inspired by the delicate hues of forest fungi. With a deep forest green #4A4A3E, a softer mossy green #6B6B5D, a balanced earthy tone #8E8E7D, a lighter desaturated green #B1B19D, and a gentle off-white #D6D6BC, this palette creates a calm and grounded aesthetic. Designers can use these hex codes to evoke a sense of natural tranquility for eco-conscious brands, wellness apps, or understated web interfaces. Developers will appreciate the cohesive range for building serene digital experiences, ensuring visual harmony across all elements.

Best used for

  • Eco-friendly product branding
  • Wellness and mindfulness app interfaces
  • Nature photography portfolios
  • Organic food packaging
  • Botanical garden website designs
  • Sustainable fashion lookbooks

Suggested color roles

primary

#4A4A3E - A deep, grounding forest green, perfect for primary branding, large text, or navigation elements to establish a natural foundation.

secondary

#6B6B5D - A versatile mid-tone mossy green that works well for subheadings, secondary content blocks, or interactive elements.

accent

#8E8E7D - A balanced earthy tone, ideal for subtle accents, highlights, or graphical details without overpowering the primary colors.

background

#D6D6BC - A soft, light off-white that provides a clean, airy canvas, enhancing readability and maintaining the palette's gentle mood.

text

#4A4A3E - Excellent for body text on the light #D6D6BC background, ensuring good contrast. A dark charcoal or black can also be used for optimal legibility.

Accessibility notes

  • Ensure #4A4A3E text on #D6D6BC background meets WCAG AA contrast for readability, aiming for AAA where possible.
  • Avoid using #B1B19D or #8E8E7D for small text on #D6D6BC as contrast may be insufficient.
  • Use #6B6B5D for larger UI elements or as a background for lighter text to improve visibility.
  • Always verify contrast ratios for interactive elements, especially buttons and links, using appropriate tools.

Recommended combinations

Mushroom Base

Provides a clean, natural base for content, with dark text and a complementary secondary color for accents.

#D6D6BC · #4A4A3E · #6B6B5D

Earthy Layers

Creates a layered, organic feel suitable for header sections or feature blocks, offering subtle depth.

#4A4A3E · #8E8E7D · #B1B19D

Soft Contrast

A gentle yet distinct combination ideal for cards, testimonials, or soft UI elements, promoting a calm experience.

#D6D6BC · #6B6B5D · #8E8E7D

CSS variables

:root {
  --forest-floor-mycena-1: #4A4A3E;
  --forest-floor-mycena-2: #6B6B5D;
  --forest-floor-mycena-3: #8E8E7D;
  --forest-floor-mycena-4: #B1B19D;
  --forest-floor-mycena-5: #D6D6BC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "forest-floor-mycena": {
        1: "#4A4A3E",
        2: "#6B6B5D",
        3: "#8E8E7D",
        4: "#B1B19D",
        5: "#D6D6BC",
      }
    }
  }
}

Related searches

mycena mushroom color palettemuted forest green hexorganic earthy tonescalm natural color schemesubdued green brown palette

Palette colors

Hex values

Color 1#4A4A3E
·
Color 2#6B6B5D
·
Color 3#8E8E7D
·
Color 4#B1B19D
·
Color 5#D6D6BC
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.7:1Fail
4.1:1AA18
6.1:1AA
2
1.7:1Fail
1.6:1Fail
2.5:1Fail
3.7:1AA18
3
2.7:1Fail
1.6:1Fail
1.5:1Fail
2.2:1Fail
4
4.1:1AA18
2.5:1Fail
1.5:1Fail
1.5:1Fail
5
6.1:1AA
3.7:1AA18
2.2:1Fail
1.5:1Fail

Similar palettes

More like Forest Floor Mycena

View all Earth
Enchanted Forest Dell
Jade Forest Canopy
Ancient Forest Roots
Botanical Earth Ground
Botanical Sketch Book
Cloud Forest Canopy