Back to palettes

Palette

Ethereal Fairy Dust

A whisper-soft blend of lavender and white, creating an airy and enchanting, magical feel.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A797BD#C4B9D2#E0DDF0#F0EDFA#FFFFFF

Palette guide

How to use Ethereal Fairy Dust

Overview

The 'Ethereal Fairy Dust' palette is a whisper-soft blend of lavenders and whites, designed to evoke an airy, enchanting, and magical feel. Featuring muted purples like #A797BD and #C4B9D2, alongside delicate off-whites such as #E0DDF0 and #F0EDFA, anchored by pure white #FFFFFF, this scheme is perfect for conveying gentle fantasy and mystical elegance. Developers and designers will find it useful for creating interfaces and visuals that feel light, dreamy, and sophisticated, avoiding any harshness while maintaining a sense of wonder. It’s a versatile choice for projects requiring a touch of delicate charm.

Best used for

  • Fantasy book covers and illustrations
  • Children's product branding
  • Wedding and event stationery
  • Delicate fashion websites
  • Mystical themed digital art
  • Skincare and beauty product packaging

Suggested color roles

primary

Use #A797BD (a muted lavender) as the main color to establish a mystical and foundational tone, suitable for headers or primary UI elements.

secondary

Employ #C4B9D2 (a softer lavender) for supporting sections, background elements, or secondary calls to action, adding gentle depth.

accent

Apply #E0DDF0 (a very light purple) for subtle highlights, delicate borders, or hover states where a faint glow is desired.

background

Utilize #FFFFFF or #F0EDFA as the primary background to ensure a clean, ethereal canvas that enhances the delicate purples.

text

For body text on light backgrounds, a dark gray or black provides optimal readability. #A797BD works well for headings or important text on white.

Accessibility notes

  • Colors like #F0EDFA and #FFFFFF offer very low contrast with each other; avoid using them for adjacent critical elements.
  • Ensure text on #E0DDF0 or #F0EDFA meets WCAG AA contrast standards, typically requiring a dark text color.
  • Use #A797BD or a darker shade for essential text on the lighter backgrounds to maintain readability.
  • Consider using a bolder font weight for lighter text colors to improve legibility, especially for smaller text sizes.

Recommended combinations

Mystic Base

Creates a clean, ethereal interface with a clear hierarchy, perfect for web layouts and branding.

#FFFFFF · #F0EDFA · #A797BD

Lavender Haze

Excellent for soft gradients, atmospheric backgrounds, or subtle illustrations, enhancing the dreamy feel.

#E0DDF0 · #C4B9D2 · #A797BD

Fairy Glow

Effective for delicate branding elements, icons, or subtle UI accents that need a touch of gentle sparkle.

#F0EDFA · #A797BD · #C4B9D2

CSS variables

:root {
  --ethereal-fairy-dust-1: #A797BD;
  --ethereal-fairy-dust-2: #C4B9D2;
  --ethereal-fairy-dust-3: #E0DDF0;
  --ethereal-fairy-dust-4: #F0EDFA;
  --ethereal-fairy-dust-5: #FFFFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ethereal-fairy-dust": {
        1: "#A797BD",
        2: "#C4B9D2",
        3: "#E0DDF0",
        4: "#F0EDFA",
        5: "#FFFFFF",
      }
    }
  }
}

Related searches

fairy tale colorslavender white palettemagical design schemesoft fantasy aestheticdreamy purple UI

Palette colors

Hex values

Color 1#A797BD
·
Color 2#C4B9D2
·
Color 3#E0DDF0
·
Color 4#F0EDFA
·
Color 5#FFFFFF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2:1Fail
2.3:1Fail
2.7:1Fail
2
1.4:1Fail
1.4:1Fail
1.6:1Fail
1.9:1Fail
3
2:1Fail
1.4:1Fail
1.2:1Fail
1.3:1Fail
4
2.3:1Fail
1.6:1Fail
1.2:1Fail
1.2:1Fail
5
2.7:1Fail
1.9:1Fail
1.3:1Fail
1.2:1Fail

Similar palettes

More like Ethereal Fairy Dust

View all pastel
Cloud Whisper Bloom
Cloud Whispers
Stardust Whisper
Azure Dream Canvas
Cloud Berry Skies
Cloud Puff Dream