Back to palettes

Palette

Candy Floss Cloud

Whimsical and sweet, like sugary pink clouds spun from candy floss at a vibrant fairground.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FADDE1#F1C3CC#E69AB4#D5729B#C24A81

Palette guide

How to use Candy Floss Cloud

Overview

The Candy Floss Cloud palette is whimsical and sweet, like sugary pink clouds spun from candy floss at a vibrant fairground. It features a range of captivating pinks, from the very pale #FADDE1 and #F1C3CC to the medium #E69AB4, with deeper, richer tones of #D5729B and #C24A81 adding significant depth. This enchanting pastel collection is perfect for designers and developers aiming to create playful, feminine, and romantic digital or physical environments. Its harmonious hues are ideal for evoking a sense of joy, indulgence, and whimsical charm, making every design feel like a delightful treat.

Best used for

  • Playful branding and identity
  • Sweet shop design and confectionery packaging
  • Children's party invitations and decor
  • Feminine product packaging and marketing
  • Whimsical digital art and illustrations
  • Romantic apparel and accessories

Suggested color roles

primary

Use #E69AB4 (medium candy pink) as a sweet and central primary color for main content or brand identity.

secondary

Employ #D5729B (deeper pink) for warmth and depth, subheadings, or secondary content areas.

accent

Introduce #C24A81 (rich berry pink) for a strong accent, important calls to action, or interactive elements.

background

Utilize #FADDE1 (very pale pink) as a light and airy base, providing a delicate and expansive canvas.

text

Apply #C24A81 (dark pink) for primary text on light backgrounds to ensure good readability, or charcoal for maximum contrast.

Accessibility notes

  • Text in #C24A81 on #FADDE1 background should meet WCAG AA standards for readability.
  • The lighter shades (#FADDE1, #F1C3CC) are best for backgrounds or large decorative elements, not for small or critical text.
  • Ensure sufficient contrast for all text, especially when using mid-tone pinks like #E69AB4 for body copy.
  • Interactive elements can use #C24A81 for clear visibility and to indicate functionality.

Recommended combinations

Fluffy Pink

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

#FADDE1 · #F1C3CC · #E69AB4

Sweet Depth

Perfect for elegant headers, call-to-action buttons, or adding visual interest with subtle color transitions.

#D5729B · #C24A81 · #FADDE1

Vibrant Swirl

Effective for illustrations, expressive elements, or creating dynamic visual movement in designs.

#E69AB4 · #C24A81 · #D5729B

CSS variables

:root {
  --candy-floss-cloud-1: #FADDE1;
  --candy-floss-cloud-2: #F1C3CC;
  --candy-floss-cloud-3: #E69AB4;
  --candy-floss-cloud-4: #D5729B;
  --candy-floss-cloud-5: #C24A81;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "candy-floss-cloud": {
        1: "#FADDE1",
        2: "#F1C3CC",
        3: "#E69AB4",
        4: "#D5729B",
        5: "#C24A81",
      }
    }
  }
}

Related searches

sugary pink palettecandy floss designsweet playful colorsvibrant pastel pinkfeminine candy branding

Palette colors

Hex values

Color 1#FADDE1
·
Color 2#F1C3CC
·
Color 3#E69AB4
·
Color 4#D5729B
·
Color 5#C24A81
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.7:1Fail
2.5:1Fail
3.6:1AA18
2
1.2:1Fail
1.4:1Fail
2:1Fail
2.9:1Fail
3
1.7:1Fail
1.4:1Fail
1.4:1Fail
2.1:1Fail
4
2.5:1Fail
2:1Fail
1.4:1Fail
1.5:1Fail
5
3.6:1AA18
2.9:1Fail
2.1:1Fail
1.5:1Fail

Similar palettes

More like Candy Floss Cloud

View all pastel