Back to palettes

Palette

Enchanted Grove

A mystical array of greens found deep within a magical forest where ancient secrets reside.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A1C497#7DB47D#5B965B#3A783A#1D5A1D

Palette guide

How to use Enchanted Grove

Overview

The Enchanted Grove palette presents a mystical array of greens, reminiscent of a magical forest where ancient secrets reside. Ranging from the light, airy #A1C497 to the profound depth of #1D5A1D, this collection is perfect for designers seeking to evoke natural serenity and magical wonder. Developers will find these hex codes ideal for creating vibrant yet harmonious interfaces, nature-inspired branding, and engaging digital content. The cohesive progression of greens, with #5B965B as a strong mid-tone, ensures versatility and visual appeal across various applications. This palette is well-suited for projects that celebrate nature's beauty and mystery.

Best used for

  • Nature conservation websites and educational materials
  • Outdoor adventure brand marketing
  • Wellness and organic product packaging
  • Children's game interfaces or animated content
  • Garden design inspiration platforms
  • Environmental non-profit branding

Suggested color roles

primary

#3A783A - A rich, balanced forest green, excellent for dominant sections, headers, or key graphical elements, providing a strong, natural foundation.

secondary

#5B965B - A slightly lighter, vibrant green. Ideal for sub-headings, secondary buttons, or data visualizations, adding a fresh, lively touch.

accent

#7DB47D - A bright, inviting green, perfect for calls-to-action, important notifications, or small decorative elements that need to stand out with a natural glow.

background

#A1C497 - A soft, pale green that provides an open, serene, and fresh canvas, promoting a sense of calm and natural light.

text

#1D5A1D - A very dark forest green that offers excellent readability against lighter backgrounds, maintaining the palette's organic and deep aesthetic.

Accessibility notes

  • Ensure #1D5A1D text on #A1C497 background meets WCAG AAA contrast standards for optimal readability.
  • Avoid using #7DB47D or #5B965B for small text on #A1C497 as the contrast will likely be insufficient.
  • For interactive elements, always verify the contrast of the accent color against its background.
  • Consider using a pure black or dark charcoal for critical text if the palette's darkest green doesn't meet the highest accessibility requirements for very small font sizes.

Recommended combinations

Forest Canopy

Deep #1D5A1D for a strong footer, #3A783A for section headers, and #A1C497 for main content background, creating depth and light.

#1D5A1D · #3A783A · #A1C497

Vibrant Growth

Use #A1C497 as background, #5B965B for secondary content, and #7DB47D for lively buttons or graphic elements.

#5B965B · #7DB47D · #A1C497

Serene Vista

A light background with #A1C497, strong headings with #3A783A, and very dark text with #1D5A1D for clear legibility.

#A1C497 · #3A783A · #1D5A1D

CSS variables

:root {
  --enchanted-grove-1: #A1C497;
  --enchanted-grove-2: #7DB47D;
  --enchanted-grove-3: #5B965B;
  --enchanted-grove-4: #3A783A;
  --enchanted-grove-5: #1D5A1D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "enchanted-grove": {
        1: "#A1C497",
        2: "#7DB47D",
        3: "#5B965B",
        4: "#3A783A",
        5: "#1D5A1D",
      }
    }
  }
}

Related searches

magical green color schemeserene forest palettenature inspired UI colorsvibrant green brandingwoodland aesthetic palette

Palette colors

Hex values

Color 1#A1C497
·
Color 2#7DB47D
·
Color 3#5B965B
·
Color 4#3A783A
·
Color 5#1D5A1D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.8:1Fail
2.8:1Fail
4.3:1AA18
2
1.2:1Fail
1.5:1Fail
2.2:1Fail
3.4:1AA18
3
1.8:1Fail
1.5:1Fail
1.5:1Fail
2.4:1Fail
4
2.8:1Fail
2.2:1Fail
1.5:1Fail
1.6:1Fail
5
4.3:1AA18
3.4:1AA18
2.4:1Fail
1.6:1Fail

Similar palettes

More like Enchanted Grove

View all earth
Emerald Moss Canopy
Enchanted Forest Bloom
Enchanted Forest Glade
Enchanted Forest Glow
Enchanted Forest Realm
Enchanted Glade Dew