Back to palettes

Palette

Enchanted Mushroom Ring

Earthy browns and forest greens, with a touch of mysterious goldenrod, evoke a whimsical, hidden forest setting.

earthplayful5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Enchanted Mushroom Ring 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 Enchanted Mushroom Ring.

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

Data visualization

#8B4513#BDB76B#DAA520#6F8C4C#A52A2A

Palette guide

How to use Enchanted Mushroom Ring

Overview

The Enchanted Mushroom Ring palette evokes a whimsical, hidden forest setting with its blend of earthy browns, forest greens, and a touch of mysterious goldenrod. Featuring a rich saddle brown #8B4513, a vibrant olive green #6F8C4C, and a striking goldenrod #DAA520, this collection is perfect for designers seeking a playful yet grounding aesthetic. Developers will find these hex codes ideal for creating engaging game environments, charming illustrations, and unique branding. The deep rust red #A52A2A adds a touch of fantasy and warmth, ensuring a versatile and captivating visual experience for projects that embrace nature's magical side.

Best used for

  • Fantasy game UI/UX and character design
  • Children's storybook illustrations
  • Whimsical product branding (e.g., artisanal crafts, toys)
  • Nature park or botanical garden marketing
  • Blog designs focused on folklore or gardening
  • Seasonal greeting cards or digital art

Suggested color roles

primary

#8B4513 - A rich, deep saddle brown, excellent for grounding sections, backgrounds, or large graphical elements, establishing an earthy, forest floor base.

secondary

#6F8C4C - A vibrant yet muted olive green. Ideal for secondary panels, card backgrounds, or natural texture elements, adding organic depth and life.

accent

#DAA520 - A striking goldenrod yellow, reminiscent of magical light or rare fungi. Perfect for calls-to-action, interactive elements, or key highlights that need a natural, energetic pop.

background

#BDB76B - A muted, warm olive-khaki, providing a soft, natural canvas that allows the richer colors to stand out while maintaining an earthy feel.

text

#A52A2A - A deep, warm reddish-brown that offers excellent readability against lighter backgrounds, seamlessly integrating with the palette's organic and whimsical feel.

Accessibility notes

  • Ensure #A52A2A text on #BDB76B background meets WCAG AA contrast standards.
  • Avoid using #DAA520 for small text on lighter backgrounds as the contrast may be insufficient; reserve it for larger headings or graphical accents.
  • For interactive elements, ensure the accent color chosen has enough contrast with its surrounding background.
  • Consider using a very dark brown or black for critical text if #A52A2A doesn't meet the highest accessibility requirements for very small font sizes.

Recommended combinations

Forest Floor Whimsy

Deep brown for major sections, olive green for content, and light khaki for background, creating a natural, layered look.

#8B4513 · #6F8C4C · #BDB76B

Mushroom Glow

Use #BDB76B as a base, #A52A2A for text, and #DAA520 for glowing accents or whimsical illustrations.

#DAA520 · #BDB76B · #A52A2A

Earthy Contrast

Dominant dark brown, rich red-brown for text/details, and olive green for secondary elements, creating a grounded, natural feel.

#8B4513 · #A52A2A · #6F8C4C

CSS variables

:root {
  --enchanted-mushroom-ring-2-1: #8B4513;
  --enchanted-mushroom-ring-2-2: #BDB76B;
  --enchanted-mushroom-ring-2-3: #DAA520;
  --enchanted-mushroom-ring-2-4: #6F8C4C;
  --enchanted-mushroom-ring-2-5: #A52A2A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "enchanted-mushroom-ring-2": {
        1: "#8B4513",
        2: "#BDB76B",
        3: "#DAA520",
        4: "#6F8C4C",
        5: "#A52A2A",
      }
    }
  }
}

Related searches

whimsical mushroom colorsfantasy forest earthy palettegoldenrod green brown schemenatural playful UIwoodland game art colors

Palette colors

Hex values

Color 1#8B4513
·
Color 2#BDB76B
·
Color 3#DAA520
·
Color 4#6F8C4C
·
Color 5#A52A2A
·

Accessibility

Contrast checker

1
2
3
4
5
1
3.4:1AA18
3.2:1AA18
1.9:1Fail
1:1Fail
2
3.4:1AA18
1.1:1Fail
1.8:1Fail
3.4:1AA18
3
3.2:1AA18
1.1:1Fail
1.7:1Fail
3.2:1AA18
4
1.9:1Fail
1.8:1Fail
1.7:1Fail
1.9:1Fail
5
1:1Fail
3.4:1AA18
3.2:1AA18
1.9:1Fail

Similar palettes

More like Enchanted Mushroom Ring

View all earth
Enchanted Mushroom Glade
Mushroom Forest Floor
Shaded Fungi Realm
Terracotta Bloom Joy
Enchanted Mushroom Ring
Forest Bramble Harvest