Back to palettes

Palette

Pixie Dust

A magical and soft collection, evoking the whimsical glow and ethereal charm of a fairy tale forest.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E0BBE4#957DAD#D29BF6#F28CDE#C276E8

Palette guide

How to use Pixie Dust

Overview

The "Pixie Dust" palette is a magical and soft collection of purples and pinks, evoking the whimsical glow of a fairy tale. Featuring a range from the delicate lilac `#E0BBE4` and the deeper, muted purple `#957DAD` to the vibrant fuchsia `#F28CDE` and playful violet `#C276E8`, this palette offers both softness and enchanting pops of color. Designers can use this palette to create dreamy, imaginative interfaces, charming illustrations, or whimsical branding. The inclusion of `#D29BF6` bridges the softer and brighter tones, ensuring a cohesive yet dynamic visual narrative that captures a playful, ethereal charm.

Best used for

  • Children's product branding or websites
  • Fantasy-themed digital art and illustrations
  • Feminine lifestyle blogs or fashion designs
  • Event invitations for whimsical parties
  • Toy packaging or playful app interfaces
  • Magical storybook designs

Suggested color roles

primary

`#957DAD` offers a grounding, sophisticated purple that can serve as a primary background or for larger content blocks.

secondary

`#E0BBE4` is perfect for light backgrounds, subtle accents, or less prominent UI elements, providing softness.

accent

Use `#F28CDE` or `#C276E8` for calls-to-action, interactive elements, or key design features that need to stand out with a playful pop.

background

`#E0BBE4` creates a light, airy, and inviting canvas.

text

For primary text, a dark charcoal or black will provide optimal readability against the lighter purples and pinks. For headings, `#957DAD` works well.

Accessibility notes

  • The lighter colors like `#E0BBE4` will require dark text (e.g., black or dark gray) for good readability.
  • Ensure sufficient contrast when using `#957DAD` for text against lighter backgrounds.
  • Avoid placing `#F28CDE` (vibrant pink) directly on `#D29BF6` (vibrant purple) for text, as their similar intensity can reduce legibility.
  • Check all text and interactive element contrasts, especially for users with color vision deficiencies, as some hues are quite close.

Recommended combinations

Dreamy Landscape

Use the lightest shade for sky or background, the muted purple for elements like trees or distant features, and the violet for focal points.

#E0BBE4 · #957DAD · #C276E8

Whimsical UI

Ideal for playful app interfaces, with light background, vibrant pink for buttons, and bright purple for icons or secondary calls.

#E0BBE4 · #F28CDE · #D29BF6

Fairy Tale Pop

Great for striking graphic elements or headings, where the muted purple provides a base for the pink and violet to pop.

#957DAD · #F28CDE · #C276E8

CSS variables

:root {
  --pixie-dust-1: #E0BBE4;
  --pixie-dust-2: #957DAD;
  --pixie-dust-3: #D29BF6;
  --pixie-dust-4: #F28CDE;
  --pixie-dust-5: #C276E8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pixie-dust": {
        1: "#E0BBE4",
        2: "#957DAD",
        3: "#D29BF6",
        4: "#F28CDE",
        5: "#C276E8",
      }
    }
  }
}

Related searches

magical purple pink palettesoft fantasy colorswhimsical pastel schemeplayful fairy tale palettelilac fuchsia violet colors

Palette colors

Hex values

Color 1#E0BBE4
·
Color 2#957DAD
·
Color 3#D29BF6
·
Color 4#F28CDE
·
Color 5#C276E8
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.1:1Fail
1.3:1Fail
1.3:1Fail
1.8:1Fail
2
2.1:1Fail
1.7:1Fail
1.6:1Fail
1.2:1Fail
3
1.3:1Fail
1.7:1Fail
1:1Fail
1.4:1Fail
4
1.3:1Fail
1.6:1Fail
1:1Fail
1.4:1Fail
5
1.8:1Fail
1.2:1Fail
1.4:1Fail
1.4:1Fail

Similar palettes

More like Pixie Dust

View all pastel
Fairy Ring
Enchanted Bloom Veil
Enchanted Fairy Forest
Fairy Ring Glow
Sugar Plum Fairy
Sugar Plum Fairy