Back to palettes

Palette

Whisperlight Fairy Dust

A delicate and ethereal blend of soft pastels, like a magical mist touched by fairy wings.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Whisperlight Fairy Dust 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 Whisperlight Fairy Dust.

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

Data visualization

#F0F8FF#E6E6FA#DDA0DD#B0E0E6#FFE4E1

Palette guide

How to use Whisperlight Fairy Dust

Overview

The Whisperlight Fairy Dust palette captures a delicate and ethereal blend of soft pastels, perfect for designs requiring a touch of magic and whimsy. Featuring the icy blue #F0F8FF, the subtle lavender #E6E6FA, a gentle plum #DDA0DD, a serene light blue #B0E0E6, and a warm blush #FFE4E1, this palette offers designers a spectrum of soft, dreamy hues. It's ideal for creating light, airy interfaces, enchanting illustrations, or branding that evokes innocence and fantasy. Developers can use these hex codes to build whimsical digital experiences, from children's apps to romantic e-commerce sites, ensuring a soft and inviting visual appeal that feels light as a feather.

Best used for

  • Children's book illustrations and toy packaging
  • Baby product branding and nursery decor
  • Romantic wedding themes and event stationery
  • Whimsical fashion and beauty product design
  • Delicate UI/UX for lifestyle and creative apps
  • Fantasy-themed digital art and web design

Suggested color roles

primary

Utilize #DDA0DD as a primary anchor for key elements, offering a soft, enchanting touch without being overpowering.

secondary

Employ #B0E0E6 for supporting content areas, backgrounds, or secondary navigation, providing a cool, serene balance.

accent

Introduce #FFE4E1 as a gentle accent for highlights, small icons, or to add a touch of warmth and playfulness.

background

The lightest shade, #F0F8FF, is perfect for clean, expansive backgrounds, creating an airy and open feel.

text

For optimal readability, use a dark charcoal or black (#000000) for body text. Headings can use #DDA0DD on #F0F8FF for a softer look.

Accessibility notes

  • High contrast is crucial; use dark text on these very light backgrounds to meet accessibility standards.
  • Avoid pairing similar light tones like #F0F8FF and #E6E6FA for adjacent interactive elements.
  • Ensure sufficient contrast for all text elements against their respective backgrounds, especially for #DDA0DD or #B0E0E6.
  • Consider alternative visual cues (icons, underlines) for important interactive elements due to low color contrast.

Recommended combinations

Ethereal Glow

Creates a very light, almost translucent feel, perfect for subtle gradients, overlays, or background textures.

#F0F8FF · #E6E6FA · #B0E0E6

Whimsical Pop

Ideal for adding soft, playful accents against a light canvas, suitable for children's designs or romantic themes.

#F0F8FF · #DDA0DD · #FFE4E1

Dreamy Harmony

A balanced combination for main content areas, offering gentle color variation without strong contrast.

#E6E6FA · #DDA0DD · #B0E0E6

CSS variables

:root {
  --whisperlight-fairy-dust-1: #F0F8FF;
  --whisperlight-fairy-dust-2: #E6E6FA;
  --whisperlight-fairy-dust-3: #DDA0DD;
  --whisperlight-fairy-dust-4: #B0E0E6;
  --whisperlight-fairy-dust-5: #FFE4E1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whisperlight-fairy-dust": {
        1: "#F0F8FF",
        2: "#E6E6FA",
        3: "#DDA0DD",
        4: "#B0E0E6",
        5: "#FFE4E1",
      }
    }
  }
}

Related searches

fairy tale color schemepastel dream palettewhimsical UI colorssoft ethereal designlight fantasy colors

Palette colors

Hex values

Color 1#F0F8FF
·
Color 2#E6E6FA
·
Color 3#DDA0DD
·
Color 4#B0E0E6
·
Color 5#FFE4E1
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.9:1Fail
1.3:1Fail
1.1:1Fail
2
1.1:1Fail
1.7:1Fail
1.2:1Fail
1:1Fail
3
1.9:1Fail
1.7:1Fail
1.4:1Fail
1.7:1Fail
4
1.3:1Fail
1.2:1Fail
1.4:1Fail
1.2:1Fail
5
1.1:1Fail
1:1Fail
1.7:1Fail
1.2:1Fail

Similar palettes

More like Whisperlight Fairy Dust

View all pastel
Dreamy Sky Bloom
Pastel Dreams Watercolor
Cloud Soft Dawn
Cloud Whispers
Dreamy Cloudscape
Ethereal Dreamscape