Back to palettes

Palette

Whimsical Forest Fairy

A playful and enchanting palette inspired by magical forest creatures and blooming wild flora.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Whimsical Forest Fairy 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 Whimsical Forest Fairy.

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

Data visualization

#98FB98#E6E6FA#FFDAB9#F0E68C#FDFDFD

Palette guide

How to use Whimsical Forest Fairy

Overview

The Whimsical Forest Fairy palette offers a soft, enchanting blend perfect for evoking magical realms and delicate designs. With its serene light green (#98FB98), gentle lavender (#E6E6FA), warm peach (#FFDAB9), sunny pastel yellow (#F0E68C), and crisp near-white (#FDFDFD), this collection is ideal for projects requiring an ethereal and playful touch. Designers can leverage these hues to create inviting interfaces, charming illustrations, or dreamy branding that feels both light and captivating. The harmonious balance ensures versatility across various digital and print applications, bringing a fresh, whimsical aesthetic to life.

Best used for

  • Children's book illustrations and app design
  • Boutique wedding invitations and event branding
  • Nature-inspired lifestyle blogs and e-commerce
  • Soft, feminine product packaging
  • Fantasy-themed game UI/UX
  • Spring collection fashion lookbooks

Suggested color roles

primary

Use the delicate light green, #98FB98, for main graphical elements or large sections that need to feel fresh and inviting.

secondary

The soft lavender, #E6E6FA, can complement the primary, adding a dreamy, sophisticated layer to backgrounds or secondary content blocks.

accent

Introduce the warm peach, #FFDAB9, or the sunny pastel yellow, #F0E68C, for interactive elements, highlights, or small decorative details.

background

The crisp near-white, #FDFDFD, provides a clean, airy canvas, allowing other colors to pop without overwhelming the user.

text

For optimal readability, use a dark charcoal or black text against the lighter background tones, or a deep forest green for headings.

Accessibility notes

  • Ensure sufficient contrast when pairing lighter hues like #FDFDFD with #E6E6FA or #FFDAB9 for text or critical UI elements.
  • Text on #FDFDFD should be a dark color (e.g., black or #222222) to meet WCAG AA standards.
  • Avoid placing #98FB98 text directly on #F0E68C without checking contrast ratios; consider darker text or a clear background.
  • Use a robust color contrast checker for all foreground-background combinations, especially with the pastel tones.

Recommended combinations

Spring Meadow

Ideal for fresh, nature-inspired layouts or clean, minimalist designs.

#98FB98 · #F0E68C · #FDFDFD

Dreamy Dawn

Perfect for elegant, soft branding or romantic visual storytelling.

#E6E6FA · #FFDAB9 · #FDFDFD

Enchanted Glow

Creates a vibrant yet gentle feel for playful illustrations or whimsical interfaces.

#98FB98 · #FFDAB9 · #E6E6FA

CSS variables

:root {
  --whimsical-forest-fairy-1: #98FB98;
  --whimsical-forest-fairy-2: #E6E6FA;
  --whimsical-forest-fairy-3: #FFDAB9;
  --whimsical-forest-fairy-4: #F0E68C;
  --whimsical-forest-fairy-5: #FDFDFD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whimsical-forest-fairy": {
        1: "#98FB98",
        2: "#E6E6FA",
        3: "#FFDAB9",
        4: "#F0E68C",
        5: "#FDFDFD",
      }
    }
  }
}

Related searches

pastel fairy tale colorssoft whimsical palettelight forest design colorsdreamy pastel hex codesethereal green lavender peach

Palette colors

Hex values

Color 1#98FB98
·
Color 2#E6E6FA
·
Color 3#FFDAB9
·
Color 4#F0E68C
·
Color 5#FDFDFD
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
1:1Fail
1:1Fail
1.2:1Fail
2
1:1Fail
1.1:1Fail
1:1Fail
1.2:1Fail
3
1:1Fail
1.1:1Fail
1:1Fail
1.3:1Fail
4
1:1Fail
1:1Fail
1:1Fail
1.3:1Fail
5
1.2:1Fail
1.2:1Fail
1.3:1Fail
1.3:1Fail

Similar palettes

More like Whimsical Forest Fairy

View all pastel
Whimsical Fairy Garden
Bubblegum Galaxy Dream
Cloud Fluff Whimsy
Cotton Candy Hues
Enchanted Fairy Dell
Enchanted Fairy Dust