Back to palettes

Palette

Enchanted Forest Glow

Lush greens mixed with surprising purples, hinting at hidden magic within an 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 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

#228B22#6B8E23#ADFF2F#DDA0DD#BA55D3

Palette guide

How to use Enchanted Forest Glow

Overview

The Enchanted Forest Glow palette is a vibrant and playful collection, blending lush greens with surprising purples to hint at hidden magic. Featuring a bold forest green #228B22, a bright lime green #ADFF2F, and a striking medium purple #BA55D3, this palette injects energy and fantasy into any design. It's perfect for projects requiring a whimsical touch, such as fantasy game interfaces, imaginative children's media, or creative branding that stands out with its unique and spirited color combinations. The contrast between the verdant and mystical tones creates a dynamic visual narrative.

Best used for

  • Fantasy game user interfaces
  • Children's book illustrations
  • Creative and whimsical branding
  • Playful web and app design
  • Event decor for magical themes
  • Unique product packaging

Suggested color roles

primary

Use #228B22 as a strong, verdant primary color for main sections or dominant graphic elements.

secondary

Apply #6B8E23 for supportive green tones, backgrounds, or larger content blocks.

accent

Introduce #BA55D3 as a vibrant, magical accent for calls-to-action, interactive elements, or special highlights.

background

Consider #ADFF2F for energetic, attention-grabbing backgrounds, or pair with a very light neutral for a calmer base.

text

Use #228B22 or black for text on lighter greens like #ADFF2F. White text provides excellent contrast on #228B22 and #BA55D3.

Accessibility notes

  • Ensure sufficient contrast for text on #ADFF2F; darker colors like #228B22 are recommended.
  • The combination of #DDA0DD and #ADFF2F may lack contrast for text, use for decorative elements instead.
  • White text works well on #228B22 and #BA55D3 for improved readability.
  • Be mindful of accessibility when pairing #DDA0DD with lighter greens, especially for important information.

Recommended combinations

Magic Bloom

A bold combination for striking hero sections, using the bright green as a lively accent.

#228B22 · #BA55D3 · #ADFF2F

Lush Canopy

Create vibrant green layouts, with the deepest green providing grounding for text or larger shapes.

#6B8E23 · #ADFF2F · #228B22

Mystic Glimmer

Use the purples for enchanting accents or illustrations, anchored by the forest green for depth.

#DDA0DD · #BA55D3 · #228B22

CSS variables

:root {
  --enchanted-forest-glow-3-1: #228B22;
  --enchanted-forest-glow-3-2: #6B8E23;
  --enchanted-forest-glow-3-3: #ADFF2F;
  --enchanted-forest-glow-3-4: #DDA0DD;
  --enchanted-forest-glow-3-5: #BA55D3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "enchanted-forest-glow-3": {
        1: "#228B22",
        2: "#6B8E23",
        3: "#ADFF2F",
        4: "#DDA0DD",
        5: "#BA55D3",
      }
    }
  }
}

Related searches

vibrant forest color schemegreen and purple palettefantasy UI design colorsplayful woodland brandingmagical nature hues

Palette colors

Hex values

Color 1#228B22
·
Color 2#6B8E23
·
Color 3#ADFF2F
·
Color 4#DDA0DD
·
Color 5#BA55D3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
3.6:1AA18
2.1:1Fail
1.1:1Fail
2
1.2:1Fail
3.1:1AA18
1.8:1Fail
1:1Fail
3
3.6:1AA18
3.1:1AA18
1.7:1Fail
3.2:1AA18
4
2.1:1Fail
1.8:1Fail
1.7:1Fail
1.9:1Fail
5
1.1:1Fail
1:1Fail
3.2:1AA18
1.9:1Fail

Similar palettes

More like Enchanted Forest Glow

View all vibrant
Forest Sprite Glow
Enchanted Bloom Glade
Enchanted Forest Aura
Enchanted Forest Glow
Dreamscape Aurora Flow
Emerald City Mosaic