Back to palettes

Palette

Sugar Plum Dream

A sweet, whimsical blend of soft purples, like an enchanted confection from a dreamy realm.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8A4F8A#B58CC4#E2CFF4#6C3A6C#A37BB0

Palette guide

How to use Sugar Plum Dream

Overview

The Sugar Plum Dream palette offers a sweet, whimsical blend of soft purples, like an enchanted confection from a dreamy realm. Ranging from the deep #6C3A6C to the light #E2CFF4, with harmonious mid-tones like #8A4F8A, #A37BB0, and #B58CC4, this collection is perfect for projects seeking a mystical, sophisticated, yet playful aesthetic. Designers can leverage its gentle depth for fantasy-themed 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 magic, tranquility, and refined sweetness, making user experiences feel enchanting and memorable.

Best used for

  • Fantasy game interfaces or character design
  • Mystical or spiritual wellness brands
  • Elegant event invitations (e.g., weddings)
  • Luxury confectionery or pastry branding
  • Sophisticated children's book illustrations
  • Dream-themed lifestyle applications

Suggested color roles

primary

A deep, rich plum #6C3A6C, ideal for primary brand elements, prominent headings, or strong call-to-action buttons.

secondary

A slightly lighter, yet still deep purple #8A4F8A, suitable for subheadings, navigation, or larger content blocks.

accent

This medium lavender #B58CC4 provides a gentle contrast, perfect for interactive elements, icons, or subtle highlights.

background

The palest shade #E2CFF4, offering a soft, ethereal base that enhances the dreamlike quality of the palette.

text

This mid-tone purple #A37BB0 can be used for decorative text. For body text on #E2CFF4, use #6C3A6C or a dark charcoal like #333333 for readability.

Accessibility notes

  • Avoid using #E2CFF4 as text on very light backgrounds; it has insufficient contrast.
  • Ensure primary text uses #6C3A6C or a darker neutral color against lighter backgrounds for readability.
  • Lighter shades like #B58CC4 should be used for larger text or decorative elements, not small body copy.
  • Always check contrast ratios for interactive elements to meet WCAG standards.

Recommended combinations

Enchanted Depth

Combine for a sophisticated gradient or to define distinct content sections with clear hierarchy.

#6C3A6C · #8A4F8A · #E2CFF4

Whimsical Highlights

Ideal for interactive elements, hover states, or subtle graphical embellishments on a light background.

#B58CC4 · #A37BB0 · #E2CFF4

Plum Gradient

Create smooth, harmonious transitions for UI backgrounds or thematic illustrations.

#8A4F8A · #A37BB0 · #B58CC4

CSS variables

:root {
  --sugar-plum-dream-1: #8A4F8A;
  --sugar-plum-dream-2: #B58CC4;
  --sugar-plum-dream-3: #E2CFF4;
  --sugar-plum-dream-4: #6C3A6C;
  --sugar-plum-dream-5: #A37BB0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sugar-plum-dream": {
        1: "#8A4F8A",
        2: "#B58CC4",
        3: "#E2CFF4",
        4: "#6C3A6C",
        5: "#A37BB0",
      }
    }
  }
}

Related searches

sugar plum color schememystical purple palettedreamy fantasy colorselegant plum brandingsoft sophisticated purples

Palette colors

Hex values

Color 1#8A4F8A
·
Color 2#B58CC4
·
Color 3#E2CFF4
·
Color 4#6C3A6C
·
Color 5#A37BB0
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.1:1Fail
4.1:1AA18
1.4:1Fail
1.7:1Fail
2
2.1:1Fail
1.9:1Fail
3.1:1AA18
1.2:1Fail
3
4.1:1AA18
1.9:1Fail
5.9:1AA
2.4:1Fail
4
1.4:1Fail
3.1:1AA18
5.9:1AA
2.4:1Fail
5
1.7:1Fail
1.2:1Fail
2.4:1Fail
2.4:1Fail

Similar palettes

More like Sugar Plum Dream

View all pastel
Whispering Pixie Dust
Cloud Fluff Whimsy
Enchanted Fairy Forest
Faerie Thicket
Fairy Ring
Fairy Ring Dewdrop