Back to palettes

Palette

Forest Sprite Glow

An enchanted palette capturing the hidden magic of a deep forest, with luminous and earthy tones.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#228B22#8B008B#ADFF2F#3CB371#556B2F

Palette guide

How to use Forest Sprite Glow

Overview

The Forest Sprite Glow palette is a vibrant, enchanted collection that brings the hidden magic of a deep forest to life. It combines luminous and earthy tones, featuring the bold, magical #8B008B alongside the bright, almost neon #ADFF2F. Grounding these fantastical elements are rich greens like the classic #228B22, the lush #3CB371, and the deep, mossy #556B2F. This palette is ideal for designers and developers crafting experiences that need to feel playful, mystical, or energetic. It’s perfect for projects that aim to capture attention with a unique blend of natural depth and whimsical brilliance, making your designs truly glow.

Best used for

  • Fantasy game UI and environments
  • Children's book illustrations
  • Eco-conscious brands with a playful edge
  • Event branding for nature festivals
  • Creative agency websites
  • Mystical themed merchandise design

Suggested color roles

primary

#228B22 (Forest Green) - A solid, natural base, representing the core of the forest, suitable for main content areas or brand identity.

secondary

#3CB371 (Medium Sea Green) - Offers a slightly softer green, great for sub-sections, borders, or large graphical elements.

accent

#8B008B (Dark Magenta) - A powerful, magical pop of color, perfect for calls-to-action, interactive elements, or key visual highlights.

background

#556B2F (Dark Olive Green) - A deep, earthy background that provides a stable canvas for the more vibrant colors to shine.

text

#ADFF2F (Green Yellow) - Use this bright color sparingly for headlines or key emphasis on dark backgrounds; for body text, consider near-white on dark backgrounds or charcoal on lighter greens.

Accessibility notes

  • #ADFF2F on #228B22 or #3CB371 will likely fail contrast ratios; use for large text or decorative elements only.
  • The #8B008B accent needs careful pairing; ensure text on it is white or very light for readability.
  • For body text on #556B2F, use white or a very light gray.
  • Test contrast of all color pairs, especially with the vibrant #ADFF2F and #8B008B, to ensure WCAG AA compliance.

Recommended combinations

Enchanted Forest

Creates a magical depth with a luminous highlight, perfect for hero sections.

#556B2F · #228B22 · #ADFF2F

Sprite's Touch

A vibrant contrast for interactive elements or brand accents, balancing nature with magic.

#228B22 · #8B008B · #3CB371

Luminous Path

Bold and eye-catching, ideal for calls to action or features that demand attention.

#556B2F · #ADFF2F · #8B008B

CSS variables

:root {
  --forest-sprite-glow-1: #228B22;
  --forest-sprite-glow-2: #8B008B;
  --forest-sprite-glow-3: #ADFF2F;
  --forest-sprite-glow-4: #3CB371;
  --forest-sprite-glow-5: #556B2F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "forest-sprite-glow": {
        1: "#228B22",
        2: "#8B008B",
        3: "#ADFF2F",
        4: "#3CB371",
        5: "#556B2F",
      }
    }
  }
}

Related searches

vibrant fantasy color schememagical forest paletteplayful green purple colorsmystical ui designbright nature brand colors

Palette colors

Hex values

Color 1#228B22
·
Color 2#8B008B
·
Color 3#ADFF2F
·
Color 4#3CB371
·
Color 5#556B2F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
3.6:1AA18
1.6:1Fail
1.4:1Fail
2
1.9:1Fail
6.9:1AA
3.2:1AA18
1.4:1Fail
3
3.6:1AA18
6.9:1AA
2.2:1Fail
4.8:1AA
4
1.6:1Fail
3.2:1AA18
2.2:1Fail
2.2:1Fail
5
1.4:1Fail
1.4:1Fail
4.8:1AA
2.2:1Fail

Similar palettes

More like Forest Sprite Glow

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