Back to palettes

Palette

Sugar Plum Fairytale

A delicate array of soft purples and pinks, reminiscent of a sugary, dreamy confection.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#DDA0DD#E6E6FA#F0F8FF#ADD8E6#FFDAB9

Palette guide

How to use Sugar Plum Fairytale

Overview

The Sugar Plum Fairytale palette offers a delicate and dreamy collection of soft purples, blues, and peachy tones, perfect for designs requiring a gentle, whimsical touch. Featuring serene shades like #DDA0DD (Plum), #E6E6FA (Lavender Blush), and #F0F8FF (Alice Blue), this palette evokes a sense of calm and sweetness. The inclusion of #ADD8E6 (Light Blue) and #FFDAB9 (Peach Puff) adds a subtle warmth and breadth, making it ideal for creating comforting and inviting visual experiences. Designers can use these hues for baby product branding, serene website interfaces, or charming illustrations, providing a soft, sugary aesthetic that is both playful and refined.

Best used for

  • Baby product branding and nursery decor
  • Soft and inviting website UI/UX design
  • Delicate wedding or baby shower invitations
  • Dreamy children's book illustrations
  • Spa or wellness brand aesthetics
  • Gentle, whimsical social media content

Suggested color roles

primary

Use #DDA0DD as a soft primary for headers or key sections, establishing a delicate yet distinct presence.

secondary

Employ #ADD8E6 for subheadings or secondary graphic elements, offering a calming and complementary hue.

accent

Apply #FFDAB9 sparingly for interactive elements, highlights, or small decorative details to add a touch of warmth and playfulness.

background

Utilize #F0F8FF or #E6E6FA for clean, airy backgrounds, providing a light and expansive canvas for content.

text

For optimal readability on light backgrounds, a soft charcoal or a slightly darker gray is recommended. Avoid pure black for a gentler aesthetic.

Accessibility notes

  • Ensure strong contrast for text on #F0F8FF, #E6E6FA, or #FFDAB9; dark gray or black text is usually necessary.
  • Avoid using light text colors on #ADD8E6 or #DDA0DD; always check contrast ratios for legibility.
  • Consider larger font sizes for text when using any of the lighter palette colors to improve readability.
  • Be mindful of color blind users when relying on subtle color differences for conveying information.

Recommended combinations

Sky Dream

Creates a serene and expansive background, perfect for conveying openness and calm.

#F0F8FF · #E6E6FA · #ADD8E6

Warm Plum

Ideal for gentle accents or illustrations, blending soft purple with a hint of peachy warmth.

#DDA0DD · #FFDAB9 · #E6E6FA

Soft Contrast

Use for UI elements where a subtle yet distinct separation is needed without harshness.

#ADD8E6 · #DDA0DD · #F0F8FF

CSS variables

:root {
  --sugar-plum-fairytale-1: #DDA0DD;
  --sugar-plum-fairytale-2: #E6E6FA;
  --sugar-plum-fairytale-3: #F0F8FF;
  --sugar-plum-fairytale-4: #ADD8E6;
  --sugar-plum-fairytale-5: #FFDAB9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sugar-plum-fairytale": {
        1: "#DDA0DD",
        2: "#E6E6FA",
        3: "#F0F8FF",
        4: "#ADD8E6",
        5: "#FFDAB9",
      }
    }
  }
}

Related searches

soft pastel fairytale colorsdreamy purple blue palettewhimsical baby shower themegentle UI design colorsserene soft pink purple

Palette colors

Hex values

Color 1#DDA0DD
·
Color 2#E6E6FA
·
Color 3#F0F8FF
·
Color 4#ADD8E6
·
Color 5#FFDAB9
·

Accessibility

Contrast checker

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

Similar palettes

More like Sugar Plum Fairytale

View all pastel
Bubblegum Galaxy Dream
Candy Unicorn Fluff
Cloud Cotton Fluff
Confection Dream Puff
Cotton Candy Dream
Cotton Candy Dream