Back to palettes

Palette

Woodland Sprite's Dew

Delicate and whimsical, like dew-kissed leaves and shimmering light in a magical forest.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Woodland Sprite's Dew 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 Woodland Sprite's Dew.

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

Data visualization

#228B22#3CB371#90EE90#ADFF2F#B0E0E6

Palette guide

How to use Woodland Sprite's Dew

Overview

The Woodland Sprite's Dew palette is a whimsical collection of vibrant greens and a delicate light blue, reminiscent of dew-kissed leaves and magical forest light. Featuring bright hues like #228B22, #3CB371, and #ADFF2F, alongside the soft #90EE90 and ethereal #B0E0E6, this palette is playful and enchanting. Designers and developers can utilize these colors to create lively, imaginative interfaces and branding. It's perfect for projects aiming to convey a sense of magic, nature's freshness, and lighthearted charm, making it highly engaging for a diverse audience.

Best used for

  • Children's book illustrations and publishing
  • Fairy tale or fantasy-themed websites
  • Nature-inspired crafts and toys branding
  • Playful branding for eco-friendly products
  • Spring event promotions and decor
  • Interactive educational applications for kids

Suggested color roles

primary

#228B22 serves as a vibrant, grounding forest green, excellent for main structural elements or strong calls to action.

secondary

#3CB371 provides a bright emerald green, suitable for secondary content blocks or lively accents.

accent

#ADFF2F offers a lively lime green, perfect for highlighting interactive elements or adding a playful touch.

background

#B0E0E6 acts as a soft, ethereal light blue, providing an airy and whimsical backdrop.

text

#228B22 is a dark, clear green that ensures good legibility for body text, or use black for maximum contrast.

Accessibility notes

  • Ensure #228B22 on #B0E0E6 provides good contrast for body text (WCAG AA).
  • Use #90EE90 and #ADFF2F sparingly for text, primarily for accents or large headings, and verify WCAG AA.
  • White text will generally provide good contrast on #228B22, #3CB371, and #ADFF2F.
  • Avoid using #B0E0E6 as text on light backgrounds due to potential low contrast.

Recommended combinations

Dewdrop Greens

Creates a vibrant gradient of fresh, natural green tones for backgrounds or layered graphics.

#228B22 · #3CB371 · #90EE90

Sprite's Light

Ideal for conveying lightness, magic, and ethereal glow in headers or decorative elements.

#90EE90 · #ADFF2F · #B0E0E6

Enchanted Forest

A balanced trio for feature sections, blending deep nature with whimsical highlights.

#228B22 · #B0E0E6 · #ADFF2F

CSS variables

:root {
  --woodland-sprite-s-dew-1: #228B22;
  --woodland-sprite-s-dew-2: #3CB371;
  --woodland-sprite-s-dew-3: #90EE90;
  --woodland-sprite-s-dew-4: #ADFF2F;
  --woodland-sprite-s-dew-5: #B0E0E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "woodland-sprite-s-dew": {
        1: "#228B22",
        2: "#3CB371",
        3: "#90EE90",
        4: "#ADFF2F",
        5: "#B0E0E6",
      }
    }
  }
}

Related searches

whimsical green palettefairy tale colorsmagical forest themeplayful nature schemevibrant spring hues

Palette colors

Hex values

Color 1#228B22
·
Color 2#3CB371
·
Color 3#90EE90
·
Color 4#ADFF2F
·
Color 5#B0E0E6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
3.1:1AA18
3.6:1AA18
3.1:1AA18
2
1.6:1Fail
1.9:1Fail
2.2:1Fail
1.9:1Fail
3
3.1:1AA18
1.9:1Fail
1.2:1Fail
1:1Fail
4
3.6:1AA18
2.2:1Fail
1.2:1Fail
1.2:1Fail
5
3.1:1AA18
1.9:1Fail
1:1Fail
1.2:1Fail

Similar palettes

More like Woodland Sprite's Dew

View all pastel
Fae Woodland Enchant
Enchanted Fairy Dell
Enchanted Fairy Dust
Faerie Glow Thicket
Fairy Garden Sprout
Gumball Machine Gleam