Back to palettes

Palette

Whimsical Candy Floss

A delightful mix of soft pinks, yellows, and blues, like airy candy floss at a fair.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFC0CB#FFDAB9#FFE4B5#E0FFFF#ADD8E6

Palette guide

How to use Whimsical Candy Floss

Overview

The Whimsical Candy Floss palette offers a delightful mix of soft, airy hues, reminiscent of sweet treats and bright skies. Featuring the gentle pink of #FFC0CB, the warm peach of #FFDAB9, and the sunny glow of #FFE4B5, it's balanced by the refreshing light blue #E0FFFF and the slightly deeper #ADD8E6. This collection is perfect for designers and developers aiming to evoke a sense of playfulness, sweetness, and lighthearted charm. It's particularly well-suited for projects that require a delicate yet cheerful aesthetic, such as children's brands, bakeries, or summer-themed digital experiences.

Best used for

  • Children's party themes and decor
  • Bakery and confectionery branding
  • Summer event promotions and invitations
  • Personal blogs or creative portfolios
  • Baby shower designs
  • Lighthearted greeting cards

Suggested color roles

primary

Use #ADD8E6 as a foundational color for headers, main sections, or backgrounds to provide a refreshing and stable base.

secondary

Employ #FFC0CB for supportive elements, subheadings, or as a dominant color in playful illustrations.

accent

Apply #FFDAB9 as a cheerful accent for call-to-action buttons, highlights, or small decorative details.

background

Utilize #E0FFFF for clean, airy backgrounds, allowing other colors to pop gently.

text

For body text, a medium grey or dark neutral is recommended. Use #ADD8E6 for larger headings or specific highlighted text.

Accessibility notes

  • Avoid using light text on any of these light background colors, as contrast will be insufficient.
  • Ensure that #ADD8E6 or #FFC0CB have enough contrast against a darker neutral color for body text.
  • Test text readability when pairing #FFDAB9 or #FFE4B5 with other light palette colors.
  • For interactive elements, ensure clear focus states that provide strong visual contrast.

Recommended combinations

Sweet & Airy

Ideal for playful illustrations, soft branding, or light UI elements requiring a gentle touch.

#FFC0CB · #E0FFFF · #FFDAB9

Sky & Sunset

Excellent for creating subtle gradient backgrounds, banners, or section dividers with a warm, inviting feel.

#ADD8E6 · #FFE4B5 · #FFDAB9

Light Contrast

Suitable for soft buttons, navigation elements, or text boxes where a gentle visual hierarchy is desired.

#FFC0CB · #ADD8E6 · #E0FFFF

CSS variables

:root {
  --whimsical-candy-floss-1: #FFC0CB;
  --whimsical-candy-floss-2: #FFDAB9;
  --whimsical-candy-floss-3: #FFE4B5;
  --whimsical-candy-floss-4: #E0FFFF;
  --whimsical-candy-floss-5: #ADD8E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whimsical-candy-floss": {
        1: "#FFC0CB",
        2: "#FFDAB9",
        3: "#FFE4B5",
        4: "#E0FFFF",
        5: "#ADD8E6",
      }
    }
  }
}

Related searches

candy floss color schemeplayful pastel pink bluelight summer palettesweet whimsical colorsairy dessert branding

Palette colors

Hex values

Color 1#FFC0CB
·
Color 2#FFDAB9
·
Color 3#FFE4B5
·
Color 4#E0FFFF
·
Color 5#ADD8E6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.2:1Fail
1.5:1Fail
1:1Fail
2
1.2:1Fail
1.1:1Fail
1.2:1Fail
1.2:1Fail
3
1.2:1Fail
1.1:1Fail
1.2:1Fail
1.2:1Fail
4
1.5:1Fail
1.2:1Fail
1.2:1Fail
1.4:1Fail
5
1:1Fail
1.2:1Fail
1.2:1Fail
1.4:1Fail

Similar palettes

More like Whimsical Candy Floss

View all pastel