Back to palettes

Palette

Mushroom Forest Glow

The mysterious, vibrant life on the forest floor, where earthy tones meet the subtle glow of hidden fungi.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#228B22#556B2F#8B4513#A0522D#FFD700

Palette guide

How to use Mushroom Forest Glow

Overview

The Mushroom Forest Glow palette captures the mysterious, vibrant life on the forest floor, where earthy tones meet the subtle luminescence of hidden fungi. It features a lively #228B22 (Forest Green), a deep #556B2F (Olive Green), a rich #8B4513 (Saddle Brown), a warm #A0522D (Sienna), and a striking #FFD700 (Gold). This palette is a fantastic choice for designers and developers looking to create designs that are both grounded in nature and possess an element of enchanting vibrancy. It's ideal for fantasy themes, adventurous branding, or any project that seeks to blend the organic with a touch of magic.

Best used for

  • Fantasy game UI and concept art
  • Nature-themed illustrations and digital art
  • Adventurous outdoor brand identities
  • Autumn festival or event branding
  • Unique packaging for artisanal products
  • Storytelling websites with a mystical theme

Suggested color roles

primary

Utilize #228B22 as a vibrant forest green, perfect for main headings, prominent features, or a dominant natural background.

secondary

Employ #8B4513 to introduce a rich, earthy brown, ideal for secondary sections, navigation, or strong supporting elements.

accent

Apply #FFD700 as a luminous, magical glow for calls to action, important notifications, or subtle highlights that draw the eye.

background

A deep, muted background like #556B2F provides a rich, earthy canvas that allows the brighter accents and primary colors to truly pop.

text

For excellent readability on darker backgrounds, use #FFD700 or a crisp white (e.g., #FFFFFF). On lighter backgrounds, use #8B4513 or black.

Accessibility notes

  • The bright #FFD700 should be used with caution for small text; ensure sufficient contrast against its background.
  • Ensure good contrast between the greens and browns, especially for text and interactive elements.
  • Avoid using #228B22 on #556B2F for small text, as the contrast might be insufficient for some users.
  • Always test text and interactive element colors against their backgrounds using WCAG contrast checkers.

Recommended combinations

Enchanted Forest

A dynamic trio combining vibrant nature with a magical glow, perfect for highlights and key visual elements.

#228B22 · #8B4513 · #FFD700

Deep Earth Glow

Offers a rich, warm base with a striking luminous accent, ideal for backgrounds that need a subtle pop.

#556B2F · #A0522D · #FFD700

Forest Canopy

A harmonious blend of greens and a warm brown, suitable for creating layered natural textures and depth.

#228B22 · #556B2F · #A0522D

CSS variables

:root {
  --mushroom-forest-glow-1: #228B22;
  --mushroom-forest-glow-2: #556B2F;
  --mushroom-forest-glow-3: #8B4513;
  --mushroom-forest-glow-4: #A0522D;
  --mushroom-forest-glow-5: #FFD700;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mushroom-forest-glow": {
        1: "#228B22",
        2: "#556B2F",
        3: "#8B4513",
        4: "#A0522D",
        5: "#FFD700",
      }
    }
  }
}

Related searches

glowing forest palettemushroom magic colorsearthy vibrant designfantasy nature paletteautumn gold green

Palette colors

Hex values

Color 1#228B22
·
Color 2#556B2F
·
Color 3#8B4513
·
Color 4#A0522D
·
Color 5#FFD700
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.6:1Fail
1.3:1Fail
3.1:1AA18
2
1.4:1Fail
1.2:1Fail
1.1:1Fail
4.2:1AA18
3
1.6:1Fail
1.2:1Fail
1.3:1Fail
5.1:1AA
4
1.3:1Fail
1.1:1Fail
1.3:1Fail
4:1AA18
5
3.1:1AA18
4.2:1AA18
5.1:1AA
4:1AA18

Similar palettes

More like Mushroom Forest Glow

View all earth
Forest Mushroom Rings
Ancient Mossy Stone
Forest Fern Canopy
Forest Floor Fungi
Forest Floor Moss
Forest Fungi