Back to palettes

Palette

Whispering Pixie Dust

Soft, ethereal blues that capture the dreamy, magical quality of a starlit fairy tale realm.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#D5ECF8#C4DEED#ABD0E3#90BCD6#74A2C4

Palette guide

How to use Whispering Pixie Dust

Overview

The Whispering Pixie Dust palette unveils a dreamlike collection of soft, ethereal blues, perfectly capturing the magical quality of a starlit fairy tale realm. This enchanting gradient ranges from the delicate #D5ECF8 to the deeper, yet still gentle, #74A2C4. Designers can leverage these calming and imaginative shades to create whimsical interfaces, fantastical branding, or serene digital content that evokes wonder and softness. The harmonious progression between hues like #C4DEED and #ABD0E3 offers excellent versatility for layered designs and subtle visual hierarchy. Developers will find these colors ideal for crafting smooth gradients, magical backgrounds, and engaging, lighthearted user experiences.

Best used for

  • children's book illustrations
  • fantasy game UI
  • baby product branding
  • wedding stationery
  • dreamy website designs
  • creative portfolios

Suggested color roles

primary

#74A2C4 serves as the most grounded color, suitable for main navigation, important headlines, or foundational elements, providing a gentle anchor.

secondary

#90BCD6 is ideal for subheadings, content blocks, or secondary calls to action, offering a balanced and approachable blue.

accent

#ABD0E3 can be used for subtle accents, interactive elements, or highlights where a soft, refreshing visual cue is needed without being overwhelming.

background

#D5ECF8 provides a clean, airy background, perfect for main content areas where readability and a sense of lightness are key.

text

For optimal readability on light backgrounds, a dark charcoal or soft gray is recommended. On darker shades like #74A2C4, use white or #D5ECF8 for text.

Accessibility notes

  • Ensure sufficient contrast for text on #D5ECF8 backgrounds; a dark gray or blue is recommended.
  • Many colors in this palette are light; avoid using light text on them. Always use dark text on #D5ECF8, #C4DEED, and #ABD0E3.
  • Be cautious when using #ABD0E3 for small text, especially against #C4DEED, as contrast may be insufficient.
  • Prioritize high contrast for interactive elements; for example, #74A2C4 text on a #D5ECF8 button.

Recommended combinations

Starlit Sky

Use darkest for main structure, mid-tone for content, and lightest for backgrounds or text on dark elements, creating depth.

#74A2C4 · #90BCD6 · #D5ECF8

Dreamy Hues

Creates a soft, ethereal feel; lightest as background, progressively darker tones for content and subtle visual hierarchy.

#D5ECF8 · #C4DEED · #ABD0E3

Enchanted Glow

A balanced blend for layered UI components, with #74A2C4 defining stronger elements and #D5ECF8 providing a light canvas.

#90BCD6 · #74A2C4 · #D5ECF8

CSS variables

:root {
  --whispering-pixie-dust-1: #D5ECF8;
  --whispering-pixie-dust-2: #C4DEED;
  --whispering-pixie-dust-3: #ABD0E3;
  --whispering-pixie-dust-4: #90BCD6;
  --whispering-pixie-dust-5: #74A2C4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whispering-pixie-dust": {
        1: "#D5ECF8",
        2: "#C4DEED",
        3: "#ABD0E3",
        4: "#90BCD6",
        5: "#74A2C4",
      }
    }
  }
}

Related searches

pastel blue paletteethereal color schememagical UI designsoft blue brandingdreamy web colors

Palette colors

Hex values

Color 1#D5ECF8
·
Color 2#C4DEED
·
Color 3#ABD0E3
·
Color 4#90BCD6
·
Color 5#74A2C4
·

Accessibility

Contrast checker

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

Similar palettes

More like Whispering Pixie Dust

View all pastel
Enchanted Fairy Forest
Pixie Dust
Sugar Plum Dream
Bubblegum Pop Burst
Candy Floss Serenade
Candy Floss Swirl