Back to palettes

Palette

Shaded Fungi Realm

Deep, earthy tones and subtle browns reflecting the damp, shaded ecosystem of a forest floor.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#556B2F#8B4513#CD853F#D2B48C#A9A9A9

Palette guide

How to use Shaded Fungi Realm

Overview

The "Shaded Fungi Realm" palette delves into the deep, mysterious beauty of a forest floor, offering a rich array of earthy and organic tones. It features a deep moss green #556B2F, a classic saddle brown #8B4513, and a warm, inviting russet #CD853F. Complementing these are a light, natural tan #D2B48C and a versatile medium gray #A9A9A9, adding a touch of stone-like neutrality. This palette is perfect for designs that aim to evoke a sense of groundedness, natural beauty, and quiet exploration, reminiscent of a shaded, ancient woodland.

Best used for

  • Nature-themed branding or packaging
  • Outdoor adventure and camping websites
  • Botanical illustrations and art
  • Sustainable product design
  • Cozy interior design accents
  • Educational materials about nature

Suggested color roles

primary

#556B2F (deep moss green). A grounding and natural hue, perfect for dominant design elements or brand identity.

secondary

#8B4513 (saddle brown). A rich, earthy tone ideal for supporting content blocks, navigation, or textural elements.

accent

#CD853F (warm russet). Use this inviting color for calls to action, highlights, or to add warmth and vibrancy to details.

background

#D2B48C (natural tan). A soft, light base that provides a neutral and organic canvas for the darker, richer colors.

text

#8B4513 or #556B2F for primary text on lighter backgrounds, or a dark charcoal for general readability.

Accessibility notes

  • Ensure #556B2F and #8B4513 have sufficient contrast when used as text on #D2B48C.
  • #A9A9A9 may not provide enough contrast for text on #D2B48C; prefer darker text.
  • #CD853F works well as an accent but might require careful contrast checking if used for text on lighter tones.
  • For headings, #556B2F on #D2B48C offers a natural and readable combination.

Recommended combinations

Forest Floor

Excellent for creating a natural, layered look in web layouts or print.

#556B2F · #8B4513 · #D2B48C

Earthy Warmth

Ideal for highlighting warm content or creating inviting calls to action.

#CD853F · #8B4513 · #D2B48C

Mossy Stone

Effective for subtle, sophisticated designs with a natural, grounded feel.

#A9A9A9 · #556B2F · #D2B48C

CSS variables

:root {
  --shaded-fungi-realm-1: #556B2F;
  --shaded-fungi-realm-2: #8B4513;
  --shaded-fungi-realm-3: #CD853F;
  --shaded-fungi-realm-4: #D2B48C;
  --shaded-fungi-realm-5: #A9A9A9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "shaded-fungi-realm": {
        1: "#556B2F",
        2: "#8B4513",
        3: "#CD853F",
        4: "#D2B48C",
        5: "#A9A9A9",
      }
    }
  }
}

Related searches

earthy mushroom colorsnatural forest palettemuted organic designautumn nature color schemerustic earth tones

Palette colors

Hex values

Color 1#556B2F
·
Color 2#8B4513
·
Color 3#CD853F
·
Color 4#D2B48C
·
Color 5#A9A9A9
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
2:1Fail
3:1AA18
2.5:1Fail
2
1.2:1Fail
2.4:1Fail
3.6:1AA18
3:1AA18
3
2:1Fail
2.4:1Fail
1.5:1Fail
1.3:1Fail
4
3:1AA18
3.6:1AA18
1.5:1Fail
1.2:1Fail
5
2.5:1Fail
3:1AA18
1.3:1Fail
1.2:1Fail

Similar palettes

More like Shaded Fungi Realm

View all earth
Mushroom Forest Floor
Forest Fungi Earth
Enchanted Mushroom Glade
Enchanted Mushroom Ring
Forest Bramble Harvest
Forest Floor Fungi