Back to palettes

Palette

Forest Mushroom Rings

Earthy browns and soft greys capture the subdued tones of damp forest floor and natural fungi.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#5D4A43#7D6D65#A1948C#C8C0B9#DCD5D0

Palette guide

How to use Forest Mushroom Rings

Overview

The Forest Mushroom Rings palette offers a serene collection of earthy browns and soft greys, perfectly capturing the subdued tones found on a damp forest floor. Designers and developers can leverage this palette for projects requiring a natural, organic, and grounding aesthetic. Anchored by the deep brown #5D4A43, it transitions through the warm #7D6D65 and the sophisticated #A1948C, culminating in the airy #C8C0B9 and the near-white #DCD5D0. This range provides excellent versatility for creating depth and subtle contrast, ideal for conveying tranquility and natural elegance in digital and physical designs. It evokes the quiet beauty of fungi and woodland elements.

Best used for

  • Natural product branding and packaging
  • Cozy interior design concepts
  • Organic food and beverage marketing
  • Nature-themed photography backdrops
  • Rustic or heritage website designs
  • Educational materials on botany or ecology

Suggested color roles

primary

Use #5D4A43 as the dominant anchor for headlines, large design elements, or primary branding, offering a deep, grounding presence.

secondary

Apply #7D6D65 for supporting blocks of content, navigation elements, or as a complementary background, adding warmth and depth.

accent

Highlight with #A1948C for subtle interactive elements, secondary calls-to-action, or decorative details, providing a gentle contrast.

background

Employ #DCD5D0 as a soft, airy base for main content areas, providing a clean and inviting canvas that enhances readability.

text

For optimal readability on light backgrounds like #DCD5D0, use #5D4A43. For lighter text on darker elements, consider #C8C0B9.

Accessibility notes

  • Ensure sufficient contrast when pairing #5D4A43 text on lighter shades like #C8C0B9 or #DCD5D0.
  • Avoid using #C8C0B9 or #DCD5D0 for small text on similarly light backgrounds to prevent readability issues.
  • The darkest color, #5D4A43, offers strong contrast against all lighter palette colors for text.
  • Consider larger font sizes or bolding for text set in #A1948C, especially on mid-tone backgrounds.

Recommended combinations

Earthy Base

Ideal for a primary brand identity or a website's main color scheme, combining deep grounding with a light, fresh feel.

#5D4A43 · #DCD5D0 · #A1948C

Soft Contrast

Perfect for secondary content blocks, subtle UI elements, or accentuating details without overwhelming the design.

#7D6D65 · #C8C0B9 · #5D4A43

Muted Harmony

Excellent for backgrounds, delicate illustrations, or photographic overlays, creating a soft and cohesive visual texture.

#A1948C · #C8C0B9 · #DCD5D0

CSS variables

:root {
  --forest-mushroom-rings-1: #5D4A43;
  --forest-mushroom-rings-2: #7D6D65;
  --forest-mushroom-rings-3: #A1948C;
  --forest-mushroom-rings-4: #C8C0B9;
  --forest-mushroom-rings-5: #DCD5D0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "forest-mushroom-rings": {
        1: "#5D4A43",
        2: "#7D6D65",
        3: "#A1948C",
        4: "#C8C0B9",
        5: "#DCD5D0",
      }
    }
  }
}

Related searches

earthy brown grey palettenatural mushroom colorssubdued forest tonesorganic muted color schemecalm woodland hues

Palette colors

Hex values

Color 1#5D4A43
·
Color 2#7D6D65
·
Color 3#A1948C
·
Color 4#C8C0B9
·
Color 5#DCD5D0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.8:1Fail
4.6:1AA
5.7:1AA
2
1.7:1Fail
1.7:1Fail
2.8:1Fail
3.4:1AA18
3
2.8:1Fail
1.7:1Fail
1.6:1Fail
2:1Fail
4
4.6:1AA
2.8:1Fail
1.6:1Fail
1.2:1Fail
5
5.7:1AA
3.4:1AA18
2:1Fail
1.2:1Fail

Similar palettes

More like Forest Mushroom Rings

View all earth
Forest Floor Fungi
Mushroom Forest Glow
Mycelial Forest Floor
Ancient Forest Bark
Ancient Mossy Stone
Enchanted Mushroom Glade