Back to palettes

Palette

Sugar Plum Fairy

Whimsical and sweet purples and pinks, inspired by the magical elegance of a sugar plum dream.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sugar Plum 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 Sugar Plum Fairy.

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

Data visualization

#DDA0DD#EE82EE#DA70D6#C71585#BA55D3

Palette guide

How to use Sugar Plum Fairy

Overview

The Sugar Plum Fairy palette offers a whimsical and sweet array of purples and pinks, ideal for designs seeking a magical and dreamy aesthetic. This collection features soft #DDA0DD (Plum) and vibrant #EE82EE (Violet), balanced with the deeper #BA55D3 (Medium Orchid) and the striking #C71585 (Crimson). The inclusion of #DA70D6 (Orchid) ensures a harmonious blend, allowing designers to create captivating visual narratives. This palette is especially effective for projects that require a feminine touch, a fantasy theme, or a playful elegance, from branding and digital art to event invitations and product packaging, truly embodying a sugar plum dream.

Best used for

  • Enchanting children's toy or apparel branding
  • Fantasy-themed website or game UI
  • Elegant and whimsical wedding invitations
  • Feminine beauty and cosmetic packaging
  • Creative digital illustrations and art prints
  • Sweet dessert shop branding and decor

Suggested color roles

primary

Utilize #BA55D3 as a captivating primary color for key brand elements or dominant sections, providing a strong yet dreamy presence.

secondary

Employ #C71585 for calls-to-action, important headings, or graphic accents to add a bold and romantic punch.

accent

Apply #EE82EE or #DA70D6 sparingly for interactive elements, highlights, or decorative flourishes to inject playful sparkle.

background

Designate #DDA0DD as a soft, ethereal background, offering a gentle canvas that ensures excellent readability for darker text.

text

For optimal readability on lighter backgrounds, a deep charcoal or a rich plum like #C71585 works well. On darker hues, crisp white (#FFFFFF) is ideal for text.

Accessibility notes

  • Ensure high contrast when using #DDA0DD for backgrounds with text; darker shades are necessary for legibility.
  • Avoid using #EE82EE or #DA70D6 for small text against similarly light backgrounds to maintain readability.
  • When using #C71585 for text, confirm the background provides sufficient contrast, e.g., #DDA0DD.
  • Test color pairings for contrast, especially between similar mid-tones, to ensure all users can easily read content.

Recommended combinations

Dreamy Gradient

Creates a smooth, ethereal transition for backgrounds or large graphic elements, evoking softness and magic.

#DDA0DD · #DA70D6 · #EE82EE

Bold Whimsy

Ideal for impactful headings or branding, where a strong yet feminine presence is desired.

#C71585 · #BA55D3 · #DDA0DD

Fairy Sparkle

Perfect for accents, buttons, or interactive elements that need to pop with a light, playful energy.

#EE82EE · #BA55D3 · #DA70D6

CSS variables

:root {
  --sugar-plum-fairy-1: #DDA0DD;
  --sugar-plum-fairy-2: #EE82EE;
  --sugar-plum-fairy-3: #DA70D6;
  --sugar-plum-fairy-4: #C71585;
  --sugar-plum-fairy-5: #BA55D3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sugar-plum-fairy": {
        1: "#DDA0DD",
        2: "#EE82EE",
        3: "#DA70D6",
        4: "#C71585",
        5: "#BA55D3",
      }
    }
  }
}

Related searches

dreamy purple pink palettesweet fantasy color schemewhimsical elegant brandingpastel fairy design colorsmagical plum violet theme

Palette colors

Hex values

Color 1#DDA0DD
·
Color 2#EE82EE
·
Color 3#DA70D6
·
Color 4#C71585
·
Color 5#BA55D3
·

Accessibility

Contrast checker

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

Similar palettes

More like Sugar Plum Fairy

View all pastel
Sugar Plum Fairy
Sugar Plum Fairy
Sugar Plum Fairy Tale
Sugared Almond Dream
Sweet Candy Floss
Bubblegum Dream Cloud