Back to palettes

Palette

Forest Fungi Moss

Diverse greens and earthy tones, inspired by moss and fungi found in a deep forest.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6B8E23#8FBC8F#BDB76B#556B2F#364919

Palette guide

How to use Forest Fungi Moss

Overview

The Forest Fungi Moss palette is a vibrant yet natural collection of diverse greens and earthy tones, capturing the essence of moss and fungi in a deep forest. It features a bright, lively green #6B8E23, a soft, muted mint green #8FBC8F, a golden olive #BDB76B, a deep forest green #556B2F, and a very dark green #364919. This collection of hex codes is perfect for designers seeking to evoke freshness, growth, and organic vitality. Developers can integrate these colors into eco-conscious branding, outdoor adventure apps, or nature-themed websites, ensuring a cohesive and engaging visual experience that feels both grounded and alive.

Best used for

  • Eco-tourism and outdoor adventure branding
  • Gardening and botanical website designs
  • Sustainable living blog themes
  • Children's nature book illustrations
  • Organic product lines and packaging
  • Environmental awareness campaigns

Suggested color roles

primary

#364919 - A very deep, almost black green, ideal for primary backgrounds, robust headers, or foundational elements, providing strong contrast.

secondary

#556B2F - A deep forest green that works well for secondary content, navigation, or larger text, offering a natural grounding.

accent

#6B8E23 - A lively, bright green perfect for drawing attention to calls to action, interactive elements, or adding a fresh pop of color.

background

#8FBC8F - A soft, muted mint green that provides a gentle, airy canvas, enhancing readability for darker text and maintaining a fresh feel.

text

#364919 - Excellent for body text on the lighter #8FBC8F background, ensuring strong readability. A dark charcoal or black can also be used for maximum contrast.

Accessibility notes

  • Ensure #364919 text on #8FBC8F background meets WCAG AA contrast for readability, striving for AAA where possible.
  • Avoid using #BDB76B for small text on #8FBC8F without careful contrast checking, as it may be too light.
  • Use #6B8E23 sparingly as an accent for smaller text, and test its contrast against backgrounds.
  • Always verify contrast ratios for interactive elements, especially buttons and links, to guarantee accessibility.

Recommended combinations

Mossy Base

A fresh, readable combination for main content, with a light green background, very dark text, and a deep green for accents.

#8FBC8F · #364919 · #556B2F

Vibrant Forest

Creates an energetic, natural feel for headers or feature sections, blending deep green with lively and golden accents.

#556B2F · #6B8E23 · #BDB76B

Grounding Contrast

A clear yet vibrant combination for cards or testimonials, offering good contrast with a touch of fresh accent.

#8FBC8F · #6B8E23 · #364919

CSS variables

:root {
  --forest-fungi-moss-1: #6B8E23;
  --forest-fungi-moss-2: #8FBC8F;
  --forest-fungi-moss-3: #BDB76B;
  --forest-fungi-moss-4: #556B2F;
  --forest-fungi-moss-5: #364919;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "forest-fungi-moss": {
        1: "#6B8E23",
        2: "#8FBC8F",
        3: "#BDB76B",
        4: "#556B2F",
        5: "#364919",
      }
    }
  }
}

Related searches

forest moss green palettefungi nature hex codesvibrant earthy tonesorganic green color schemenatural growth palette

Palette colors

Hex values

Color 1#6B8E23
·
Color 2#8FBC8F
·
Color 3#BDB76B
·
Color 4#556B2F
·
Color 5#364919
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
1.8:1Fail
1.6:1Fail
2.6:1Fail
2
1.8:1Fail
1:1Fail
2.8:1Fail
4.6:1AA
3
1.8:1Fail
1:1Fail
2.9:1Fail
4.8:1AA
4
1.6:1Fail
2.8:1Fail
2.9:1Fail
1.7:1Fail
5
2.6:1Fail
4.6:1AA
4.8:1AA
1.7:1Fail

Similar palettes

More like Forest Fungi Moss

View all earth
Emerald Enclave Moss
Emerald Moss Canopy
Enchanted Forest Lumina
Forest Floor Canopy
Forest Floor Gems
Forest Whisper Canopy