Back to palettes

Palette

Enchanted Forest Aura

A lush and captivating palette, evoking the vibrant, mystical glow within an ancient enchanted forest.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#228B22#3CB371#90EE90#2E8B57#546C5A

Palette guide

How to use Enchanted Forest Aura

Overview

The Enchanted Forest Aura palette is a vibrant collection of greens, perfect for evoking a mystical, nature-inspired feel. Featuring deep #228B22 (Forest Green) and #2E8B57 (Sea Green), balanced by the lively #3CB371 (Medium Sea Green) and ethereal #90EE90 (Light Green), with a grounding touch of #546C5A (Dark Olive Green). This palette is ideal for designers and developers aiming to create lush, magical, and organic digital experiences. Use it to imbue branding, UI elements, or illustrations with the serene yet vibrant energy of a hidden woodland. Its diverse green tones allow for rich visual layering and depth.

Best used for

  • Nature-themed websites or applications
  • Eco-friendly or organic brand identities
  • Fantasy game UI or environment art
  • Children's book illustrations
  • Digital art evoking magic and growth
  • Wellness and holistic product packaging

Suggested color roles

primary

Use #228B22 as the dominant color for large sections, headers, or primary branding elements, establishing a deep, natural foundation.

secondary

Apply #3CB371 for supporting elements, subheadings, or secondary call-to-action buttons, offering a vibrant contrast to the primary.

accent

Reserve #90EE90 for highlights, interactive elements, or small decorative details, providing a fresh, ethereal pop.

background

Utilize #546C5A for backgrounds in dark mode interfaces or sections requiring a rich, subtle backdrop, allowing lighter greens to stand out.

text

For body text, use a dark neutral (e.g., #333333) on lighter backgrounds. For text on darker shades like #228B22 or #546C5A, use #90EE90 or a soft white for clear contrast.

Accessibility notes

  • Ensure sufficient contrast between #90EE90 and darker greens like #228B22 for text readability and interactive elements.
  • Verify that #546C5A provides adequate contrast against light text or UI elements, especially for body copy.
  • Avoid using #3CB371 and #2E8B57 together for critical information, as their similar luminance might pose issues for some users.
  • Test color combinations with accessibility tools to meet WCAG guidelines, particularly for text sizes and link states.

Recommended combinations

Deep Forest Glow

Ideal for vibrant hero sections or nature-themed illustrations where depth meets luminosity.

#228B22 · #3CB371 · #90EE90

Mystic Verdant

Excellent for creating a sophisticated, slightly subdued natural atmosphere in web layouts or branding.

#2E8B57 · #546C5A · #3CB371

Aura Highlights

Perfect for emphasizing key information or decorative elements against a strong, grounding backdrop.

#90EE90 · #228B22 · #546C5A

CSS variables

:root {
  --enchanted-forest-aura-1: #228B22;
  --enchanted-forest-aura-2: #3CB371;
  --enchanted-forest-aura-3: #90EE90;
  --enchanted-forest-aura-4: #2E8B57;
  --enchanted-forest-aura-5: #546C5A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "enchanted-forest-aura": {
        1: "#228B22",
        2: "#3CB371",
        3: "#90EE90",
        4: "#2E8B57",
        5: "#546C5A",
      }
    }
  }
}

Related searches

enchanted forest color schemevibrant green palettenature-inspired ui colorsmagical forest brandinglush green web design

Palette colors

Hex values

Color 1#228B22
·
Color 2#3CB371
·
Color 3#90EE90
·
Color 4#2E8B57
·
Color 5#546C5A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
3.1:1AA18
1:1Fail
1.3:1Fail
2
1.6:1Fail
1.9:1Fail
1.6:1Fail
2.1:1Fail
3
3.1:1AA18
1.9:1Fail
3:1Fail
4:1AA18
4
1:1Fail
1.6:1Fail
3:1Fail
1.3:1Fail
5
1.3:1Fail
2.1:1Fail
4:1AA18
1.3:1Fail

Similar palettes

More like Enchanted Forest Aura

View all vibrant
Enchanted Bloom Glade
Enchanted Forest Glow
Enchanted Forest Glow
Forest Sprite Glow
Garden Sprite
Berry Patch Bliss