Back to palettes

Palette

Sugar Plum Fairy

A fantastical array of purples, delicate and sweet, inspired by the magic of a sugar plum fairy.

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

#5E2F6F#874C97#B069BF#D986E7#FFB6FF

Palette guide

How to use Sugar Plum Fairy

Overview

The Sugar Plum Fairy palette presents a fantastical array of purples, delicate and sweet, inspired by the magic of a sugar plum fairy. This gradient-rich collection moves from the deep #5E2F6F to the ethereal #FFB6FF, with harmonious intermediate shades like #874C97, #B069BF, and #D986E7. It’s perfect for projects requiring a touch of fantasy, romance, and sophisticated delicacy. Designers can leverage its harmonious progression for enchanting branding, elegant web interfaces, or whimsical digital art. Developers will find these hex codes excellent for creating consistent and visually appealing UI components that evoke a sense of wonder, charm, and refined sweetness, making user experiences feel truly captivating and memorable.

Best used for

  • Romantic fantasy novel covers
  • High-end children's clothing brands
  • Elegant wedding or engagement stationery
  • Boutique patisserie or dessert branding
  • Mystical themed events or decor
  • Dreamy social media graphics

Suggested color roles

primary

A deep, mysterious plum #5E2F6F, serving as an anchor for primary branding, bold headings, or strong call-to-action buttons.

secondary

A rich mid-purple #874C97, excellent for subheadings, navigation, or to define significant content areas.

accent

This medium lavender #B069BF provides a gentle, bright contrast, ideal for interactive elements, icons, or important highlights.

background

The lightest, softest pink-purple #FFB6FF, offering an ethereal and airy base that allows deeper colors to stand out.

text

Too light for body text. For readability on #FFB6FF, use #5E2F6F or a dark charcoal like #333333.

Accessibility notes

  • Avoid using #D986E7 or #FFB6FF for small text on light backgrounds due to low contrast.
  • Ensure critical text elements utilize #5E2F6F or a very dark neutral for optimal readability against #FFB6FF.
  • Lighter shades are best reserved for larger, decorative text or graphical elements.
  • Always test color combinations with accessibility tools to ensure compliance for all users.

Recommended combinations

Magical Depth

Create captivating gradients for hero sections, background elements, or brand presentations.

#5E2F6F · #874C97 · #B069BF

Delicate Sparkle

Ideal for subtle highlights, delicate patterns, or soft interactive states on lighter backgrounds.

#D986E7 · #FFB6FF · #B069BF

Plum Contrast

Use #5E2F6F as a strong base, #B069BF for accents, and #FFB6FF for a light, airy contrast.

#5E2F6F · #B069BF · #FFB6FF

CSS variables

:root {
  --sugar-plum-fairy-4-1: #5E2F6F;
  --sugar-plum-fairy-4-2: #874C97;
  --sugar-plum-fairy-4-3: #B069BF;
  --sugar-plum-fairy-4-4: #D986E7;
  --sugar-plum-fairy-4-5: #FFB6FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sugar-plum-fairy-4": {
        1: "#5E2F6F",
        2: "#874C97",
        3: "#B069BF",
        4: "#D986E7",
        5: "#FFB6FF",
      }
    }
  }
}

Related searches

sugar plum purple palettewhimsical delicate colorsfantasy branding purplessweet romantic UI designmagical gradient scheme

Palette colors

Hex values

Color 1#5E2F6F
·
Color 2#874C97
·
Color 3#B069BF
·
Color 4#D986E7
·
Color 5#FFB6FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.7:1Fail
4:1AA18
6.3:1AA
2
1.7:1Fail
1.6:1Fail
2.4:1Fail
3.8:1AA18
3
2.7:1Fail
1.6:1Fail
1.5:1Fail
2.4:1Fail
4
4:1AA18
2.4:1Fail
1.5:1Fail
1.6:1Fail
5
6.3:1AA
3.8:1AA18
2.4:1Fail
1.6:1Fail

Similar palettes

More like Sugar Plum Fairy

View all pastel
Bubblegum Dream Pop
Cotton Candy Dream
Cotton Candy Dreams
Sugarplum Fairy Dream
Bubblegum Dream Cloud
Bubblegum Galaxy Dream