Back to palettes

Palette

Candy Floss Swirl

Whimsical sugary shades that evoke a lighthearted carnival atmosphere and sweet childhood memories.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Candy Floss Swirl 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 Candy Floss Swirl.

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

Data visualization

#FFC0CB#ADD8E6#DDA0DD#FDFD96#FFFDD0

Palette guide

How to use Candy Floss Swirl

Overview

The Candy Floss Swirl palette features whimsical sugary shades that evoke a lighthearted carnival atmosphere and sweet childhood memories. It includes a classic pastel pink #FFC0CB, a refreshing light blue #ADD8E6, a playful light purple #DDA0DD, a sunny pale yellow #FDFD96, and a very pale yellow #FFFDD0. This enchanting pastel collection is perfect for designers and developers aiming to create innocent, playful, and dreamy digital or physical spaces. Its harmonious hues evoke a sense of childhood wonder and gentle sweetness, ideal for projects that require a delicate and inviting aesthetic.

Best used for

  • Children's party themes and decor
  • Sweet shop and confectionery branding
  • Whimsical digital art and illustrations
  • Carnival event invitations and marketing
  • Playful website backgrounds and themes
  • Retro-inspired designs with a soft touch

Suggested color roles

primary

Use #FFC0CB (pastel pink) as a sweet and central primary color for main content or brand identity.

secondary

Employ #ADD8E6 (light blue) as a refreshing and calm secondary color, for backgrounds or accents.

accent

Introduce #DDA0DD (light purple) for a whimsical pop, subtle highlights, or unique decorative details.

background

Utilize #FFFDD0 (very pale yellow) as a soft and inviting base, providing a delicate and expansive canvas.

text

A dark grey (e.g., #4A4A4A) or black is essential for all text to ensure optimal readability, as all colors are very light.

Accessibility notes

  • All colors are light and unsuitable for text on their own due to insufficient contrast.
  • Always use dark neutral text (charcoal or black) for readability (WCAG AA) on any background from this palette.
  • #FFFDD0 provides a very soft, warm background choice for dark text.
  • These pastels are ideal for large decorative areas, gradients, and subtle UI elements where text contrast is not critical.

Recommended combinations

Carnival Dream

Ideal for soft web backgrounds, playful branding, or creating an ethereal and harmonious visual experience.

#FFFDD0 · #FFC0CB · #ADD8E6

Sweet Swirl

Perfect for children's illustrations, subtle patterns, or designs that require a gentle and cohesive flow.

#DDA0DD · #FDFD96 · #FFFDD0

Fluffy Hues

Effective for decorative elements, gentle UI accents, or to create a whimsical and lighthearted visual dynamic.

#ADD8E6 · #DDA0DD · #FFC0CB

CSS variables

:root {
  --candy-floss-swirl-1: #FFC0CB;
  --candy-floss-swirl-2: #ADD8E6;
  --candy-floss-swirl-3: #DDA0DD;
  --candy-floss-swirl-4: #FDFD96;
  --candy-floss-swirl-5: #FFFDD0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "candy-floss-swirl": {
        1: "#FFC0CB",
        2: "#ADD8E6",
        3: "#DDA0DD",
        4: "#FDFD96",
        5: "#FFFDD0",
      }
    }
  }
}

Related searches

pastel carnival palettecandy floss sweetlight playful colorswhimsical childhood memoriessoft sugary shades

Palette colors

Hex values

Color 1#FFC0CB
·
Color 2#ADD8E6
·
Color 3#DDA0DD
·
Color 4#FDFD96
·
Color 5#FFFDD0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
1.3:1Fail
1.4:1Fail
1.5:1Fail
2
1:1Fail
1.4:1Fail
1.4:1Fail
1.5:1Fail
3
1.3:1Fail
1.4:1Fail
1.9:1Fail
2:1Fail
4
1.4:1Fail
1.4:1Fail
1.9:1Fail
1:1Fail
5
1.5:1Fail
1.5:1Fail
2:1Fail
1:1Fail

Similar palettes

More like Candy Floss Swirl

View all pastel
Candy Floss Serenade
Candy Shop Whimsy
Pastel Gummy Drop
Bubblegum Pop Sky
Candy Cloud Dream
Candy Cloud Fluff