Back to palettes

Palette

Mossy Grove Serene

Captures the soft, muted tones of a peaceful forest glade covered in various shades of moss, a natural embrace.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Mossy Grove Serene 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 Mossy Grove Serene.

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

Data visualization

#4F6D5B#78866B#A0A58F#556B2F#8FBC8F

Palette guide

How to use Mossy Grove Serene

Overview

The Mossy Grove Serene palette captures the soft, muted tones of a peaceful forest glade, offering a natural embrace through its various shades of mossy greens. From the muted teal-green #4F6D5B to the pale mint #8FBC8F, this collection features the organic #78866B, the subtle #A0A58F, and the grounding #556B2F. It's an ideal choice for designers aiming to create designs that are understated, natural, and deeply calming. The palette's gentle complexity allows for rich visual depth without being overpowering, making it highly adaptable for applications requiring a refined, organic touch. This palette helps convey a sense of quiet harmony and environmental connection.

Best used for

  • Minimalist nature photography displays
  • Sustainable product branding and packaging
  • Spa and wellness digital interfaces
  • Artisanal craft websites
  • Botanical garden information displays
  • Eco-conscious interior design concepts

Suggested color roles

primary

Utilize #556B2F for strong, foundational elements like navigation bars or key calls to action, providing a deep, organic anchor.

secondary

Apply #4F6D5B for subheadings, active states, or detailed graphical elements, adding depth with a muted teal-green.

accent

Employ #78866B or #A0A58F for subtle highlights, interactive elements, or secondary data visualization points, offering a soft, yet distinct touch.

background

Use #8FBC8F as a clean, serene background for content areas, ensuring excellent readability and a spacious feel.

text

For primary body text, #556B2F offers excellent contrast on #8FBC8F, creating a comfortable reading experience.

Accessibility notes

  • Ensure #556B2F text on #8FBC8F background meets WCAG AA contrast standards.
  • Be cautious using #A0A58F for small text on #8FBC8F; reserve for larger headings or decorative elements.
  • Test interactive elements with #4F6D5B for sufficient contrast in both normal and hover states.
  • Consider using a slightly darker shade for hover states on lighter green buttons for better user feedback.

Recommended combinations

Grounded Serenity

Creates a strong, yet calm brand presence, with dark olive as primary, muted teal as secondary, and pale mint as background.

#556B2F · #4F6D5B · #8FBC8F

Soft Woodland

Ideal for a gentle, inviting UI, using muted teal for content, olive green for accents, and pale mint for spaciousness.

#4F6D5B · #78866B · #8FBC8F

Muted Harmony

Offers an understated, cohesive aesthetic for editorial layouts or subtle branding, conveying peace and natural grace.

#78866B · #A0A58F · #8FBC8F

CSS variables

:root {
  --mossy-grove-serene-1: #4F6D5B;
  --mossy-grove-serene-2: #78866B;
  --mossy-grove-serene-3: #A0A58F;
  --mossy-grove-serene-4: #556B2F;
  --mossy-grove-serene-5: #8FBC8F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mossy-grove-serene": {
        1: "#4F6D5B",
        2: "#78866B",
        3: "#A0A58F",
        4: "#556B2F",
        5: "#8FBC8F",
      }
    }
  }
}

Related searches

muted moss green paletteserene forest colorsnatural subtle aestheticearthy green grey schemecalm woodland branding

Palette colors

Hex values

Color 1#4F6D5B
·
Color 2#78866B
·
Color 3#A0A58F
·
Color 4#556B2F
·
Color 5#8FBC8F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.3:1Fail
1:1Fail
2.7:1Fail
2
1.5:1Fail
1.5:1Fail
1.5:1Fail
1.8:1Fail
3
2.3:1Fail
1.5:1Fail
2.3:1Fail
1.2:1Fail
4
1:1Fail
1.5:1Fail
2.3:1Fail
2.8:1Fail
5
2.7:1Fail
1.8:1Fail
1.2:1Fail
2.8:1Fail

Similar palettes

More like Mossy Grove Serene

View all earth
Enchanted Moss Garden
Forest Floor Echo
Forest Path Tones
Gentle Stream Pebbles
Mossy Forest Path
Mystic Woodland Path