Back to palettes

Palette

Enchanted Forest Glow

Luminous greens inspired by a magical, sun-dappled forest, full of hidden wonders.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2E8B57#3CB371#6B8E23#9ACD32#ADFF2F

Palette guide

How to use Enchanted Forest Glow

Overview

The Enchanted Forest Glow palette captures the essence of a sun-dappled, magical forest with its luminous array of greens. Featuring deep emerald #2E8B57, vibrant lime #9ACD32, and an energetic chartreuse #ADFF2F, this collection is full of life and hidden wonders. It's a fantastic choice for designers and developers aiming to create fresh, organic, or playfully vibrant interfaces. Whether for eco-friendly branding, outdoor adventure applications, or children's content, this palette promises a lush, invigorating visual experience that feels both natural and enchanting.

Best used for

  • Eco-friendly and organic branding
  • Outdoor adventure mobile applications
  • Fresh food packaging design
  • Children's educational content
  • Spring and summer themed designs
  • Vibrant web and app interfaces

Suggested color roles

primary

Use #2E8B57 as a deep, grounding primary color for main layouts, headers, or important components.

secondary

Apply #3CB371 for supportive green elements, larger text blocks, or backgrounds that need a softer touch.

accent

Introduce #ADFF2F as a bright, energetic accent for calls-to-action, interactive elements, or focal points.

background

Consider #9ACD32 for lively, fresh backgrounds, or pair with a very light neutral to allow the greens to pop.

text

Dark charcoal or black works best for text on lighter shades like #ADFF2F and #9ACD32. White text is effective on #2E8B57.

Accessibility notes

  • Ensure high contrast for text on #ADFF2F and #9ACD32; use a very dark green or black.
  • Avoid using light green text on light green backgrounds; always aim for significant contrast.
  • White text on #2E8B57 and #3CB371 offers good readability for headings or important information.
  • Test color pairings thoroughly to ensure legibility across different screen types and lighting conditions.

Recommended combinations

Sunlit Path

A dynamic combination for hero sections, balancing deep greens with a luminous highlight.

#2E8B57 · #ADFF2F · #6B8E23

Lush Canopy

Create harmonious green layouts with a natural gradient, ideal for content blocks or illustrations.

#3CB371 · #9ACD32 · #6B8E23

Vibrant Accents

Highlight key elements or calls-to-action with the brightest green, grounded by deeper tones.

#ADFF2F · #2E8B57 · #9ACD32

CSS variables

:root {
  --enchanted-forest-glow-1: #2E8B57;
  --enchanted-forest-glow-2: #3CB371;
  --enchanted-forest-glow-3: #6B8E23;
  --enchanted-forest-glow-4: #9ACD32;
  --enchanted-forest-glow-5: #ADFF2F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "enchanted-forest-glow": {
        1: "#2E8B57",
        2: "#3CB371",
        3: "#6B8E23",
        4: "#9ACD32",
        5: "#ADFF2F",
      }
    }
  }
}

Related searches

luminous green palettesun-dappled forest colorsvibrant nature designfresh eco brandingplayful green UI scheme

Palette colors

Hex values

Color 1#2E8B57
·
Color 2#3CB371
·
Color 3#6B8E23
·
Color 4#9ACD32
·
Color 5#ADFF2F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
1.1:1Fail
2.3:1Fail
3.5:1AA18
2
1.6:1Fail
1.4:1Fail
1.4:1Fail
2.2:1Fail
3
1.1:1Fail
1.4:1Fail
2:1Fail
3.1:1AA18
4
2.3:1Fail
1.4:1Fail
2:1Fail
1.5:1Fail
5
3.5:1AA18
2.2:1Fail
3.1:1AA18
1.5:1Fail

Similar palettes

More like Enchanted Forest Glow

View all vibrant
Enchanted Forest Aura
Enchanted Forest Glow
Forest Sprite Glow
Absinthe Spirit
Enchanted Bloom Glade
Garden Sprite