Back to palettes

Palette

Sweet Candy Floss

Whimsical and soft, like airy spun sugar in dreamy shades of pink and lavender.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFC0CB#FFB6C1#FFDAB9#E0BBE4#957DAD

Palette guide

How to use Sweet Candy Floss

Overview

The "Sweet Candy Floss" palette is whimsical and soft, like airy spun sugar in dreamy shades of pink and lavender. With delicate hues such as the light #FFC0CB, the warm #FFDAB9, and the anchoring #957DAD, this palette offers a gentle yet enchanting appeal. Designers and developers can harness its ethereal quality to create designs that are lighthearted, inviting, and subtly sophisticated. Its blend of warm pinks, a touch of peach, and soft purples provides a versatile foundation for projects aiming for a dreamy, playful, or romantic aesthetic.

Best used for

  • Children's apparel and accessories
  • Sweet shop and confectionary branding
  • Party decor and event invitations
  • Creative illustrations and digital art
  • Lifestyle and beauty blogs
  • Feminine branding with a soft touch

Suggested color roles

primary

Use #957DAD for main headings, important calls to action, or to provide a deeper anchor within the light palette.

secondary

Apply #FFB6C1 for supporting elements, subheadings, or to introduce a soft, consistent pink tone.

accent

Employ #FFDAB9 as a warm, inviting accent for highlights, delicate patterns, or interactive states.

background

Utilize #FFC0CB as a light, airy, and sweet background, allowing other colors to softly emerge.

text

For optimal readability, use #957DAD for text on lighter backgrounds. A dark charcoal or black is also highly effective.

Accessibility notes

  • Ensure good contrast for text, especially when pairing mid-tones like #E0BBE4 with lighter backgrounds like #FFC0CB.
  • Use #957DAD for text on #FFC0CB or #FFB6C1 for accessible readability.
  • Avoid using #FFDAB9 or #FFC0CB for small text against similarly light backgrounds due to insufficient contrast.
  • Consider larger font sizes or bolding for decorative text elements that use lower contrast color combinations.

Recommended combinations

Pink & Purple Harmony

Excellent for creating gentle gradients or balanced sections with a dreamy feel.

#FFC0CB · #E0BBE4 · #957DAD

Warm & Cool Blend

Ideal for illustrations or backgrounds that require a soft, inviting, and varied color scheme.

#FFDAB9 · #FFB6C1 · #E0BBE4

Soft Contrast

Creates an elegant and understated look, perfect for refined backgrounds with clear text.

#957DAD · #FFC0CB · #FFDAB9

CSS variables

:root {
  --sweet-candy-floss-1: #FFC0CB;
  --sweet-candy-floss-2: #FFB6C1;
  --sweet-candy-floss-3: #FFDAB9;
  --sweet-candy-floss-4: #E0BBE4;
  --sweet-candy-floss-5: #957DAD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sweet-candy-floss": {
        1: "#FFC0CB",
        2: "#FFB6C1",
        3: "#FFDAB9",
        4: "#E0BBE4",
        5: "#957DAD",
      }
    }
  }
}

Related searches

cotton candy color palettesweet pastel purple pinkdreamy light schemewhimsical dessert colorssoft pink lavender

Palette colors

Hex values

Color 1#FFC0CB
·
Color 2#FFB6C1
·
Color 3#FFDAB9
·
Color 4#E0BBE4
·
Color 5#957DAD
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.2:1Fail
1.1:1Fail
2.3:1Fail
2
1.1:1Fail
1.3:1Fail
1:1Fail
2.2:1Fail
3
1.2:1Fail
1.3:1Fail
1.3:1Fail
2.7:1Fail
4
1.1:1Fail
1:1Fail
1.3:1Fail
2.1:1Fail
5
2.3:1Fail
2.2:1Fail
2.7:1Fail
2.1:1Fail

Similar palettes

More like Sweet Candy Floss

View all pastel
Cotton Candy Dreams
Powdered Macaron Bliss
Sugar Plum
Sugar Plum Fairy
Sugared Almond Dream
Bubblegum Dream Cloud