Back to palettes

Palette

Enchanted Grove Hush

A tranquil, muted palette inspired by the secret, hushed corners of an enchanted forest grove.

earthcalm5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Enchanted Grove Hush 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 Grove Hush.

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

Data visualization

#556B2F#8FBC8F#3CB371#6B8E23#228B22

Palette guide

How to use Enchanted Grove Hush

Overview

The Enchanted Grove Hush palette offers a tranquil, muted array of greens, perfect for evoking the serene and secluded corners of a mystical forest. With deep mossy tones like #556B2F and vibrant yet soft accents such as #3CB371, this palette is ideal for designers seeking a natural, calming aesthetic. Developers will appreciate the harmonious interplay of these hex codes, which facilitate the creation of soothing interfaces and engaging digital experiences. The inclusion of #8FBC8F provides a crucial lighter touch, ensuring versatility across various design elements. This collection is particularly suited for projects that require an organic, understated elegance.

Best used for

  • Eco-friendly brand identities and packaging
  • Wellness and meditation app interfaces
  • Nature photography websites or portfolios
  • Interior design visualization for calming spaces
  • Children's book illustrations with a woodland theme
  • Environmental awareness campaign materials

Suggested color roles

primary

#556B2F - A deep, earthy green perfect for dominant sections, headers, or backgrounds where a grounded, natural feel is desired.

secondary

#6B8E23 - A vibrant olive green, excellent for sub-headings, secondary buttons, or data visualizations, adding a subtle energetic lift.

accent

#3CB371 - A fresh, inviting medium sea green, ideal for calls-to-action, important notifications, or small decorative elements that need to pop gently.

background

#8FBC8F - A soft, muted medium aquamarine that provides a light, airy canvas, promoting a sense of calm and openness.

text

#228B22 - A dark forest green that offers excellent readability against #8FBC8F and other lighter tones, maintaining the natural aesthetic.

Accessibility notes

  • Ensure #228B22 text on #8FBC8F background meets WCAG AA contrast standards for all users.
  • Use #3CB371 for accents cautiously; if used for critical text, ensure it's on a sufficiently contrasting background like #556B2F or a very dark neutral.
  • Avoid placing #8FBC8F text on #3CB371 or #6B8E23 as contrast will be poor.
  • Consider using a slightly darker text color (e.g., charcoal or black) if #228B22 on lighter shades doesn't pass contrast for very small font sizes.

Recommended combinations

Forest Calm

For a serene web layout: #556B2F for footers, #8FBC8F for content background, and #228B22 for readable body text.

#556B2F · #8FBC8F · #228B22

Vibrant Accent

Use #556B2F as a base, #6B8E23 for sub-sections, and #3CB371 for interactive buttons or key highlights.

#6B8E23 · #3CB371 · #556B2F

Misty Grove

A lighter theme with #8FBC8F as background, #228B22 for headings, and #6B8E23 for secondary information or decorative elements.

#8FBC8F · #228B22 · #6B8E23

CSS variables

:root {
  --enchanted-grove-hush-1: #556B2F;
  --enchanted-grove-hush-2: #8FBC8F;
  --enchanted-grove-hush-3: #3CB371;
  --enchanted-grove-hush-4: #6B8E23;
  --enchanted-grove-hush-5: #228B22;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "enchanted-grove-hush": {
        1: "#556B2F",
        2: "#8FBC8F",
        3: "#3CB371",
        4: "#6B8E23",
        5: "#228B22",
      }
    }
  }
}

Related searches

muted green color palettecalming forest colorsearth tone greensnatural serene color schemeeco-friendly brand colors

Palette colors

Hex values

Color 1#556B2F
·
Color 2#8FBC8F
·
Color 3#3CB371
·
Color 4#6B8E23
·
Color 5#228B22
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.8:1Fail
2.2:1Fail
1.6:1Fail
1.4:1Fail
2
2.8:1Fail
1.2:1Fail
1.8:1Fail
2:1Fail
3
2.2:1Fail
1.2:1Fail
1.4:1Fail
1.6:1Fail
4
1.6:1Fail
1.8:1Fail
1.4:1Fail
1.2:1Fail
5
1.4:1Fail
2:1Fail
1.6:1Fail
1.2:1Fail

Similar palettes

More like Enchanted Grove Hush

View all earth
Coastal Pine Solace
Forest Fern Whisper
Forest Whisper Green
Verdant Moss Whisper
Whispering Pine Needles
Whispering Willow Grove