Back to palettes

Palette

Pastel Candy Floss

Delicate, sugary hues of pink, blue, and purple, like fluffy clouds of spun confection.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F9DAE8#DDEFFC#E5DAF9#FCEEEB#C2DCEB

Palette guide

How to use Pastel Candy Floss

Overview

The Pastel Candy Floss palette presents delicate, sugary hues of pink, blue, and purple, like fluffy clouds of spun confection. Featuring #F9DAE8 (candy pink), #DDEFFC (sky blue), #E5DAF9 (lavender), #FCEEEB (off-white peach), and #C2DCEB (dusty blue), this collection is perfect for designers and developers aiming for a playful, soft, and lighthearted aesthetic. Its extremely light and airy nature creates a sense of innocence and sweetness, making it ideal for projects that require a touch of charm and gentle whimsy without being overly saturated. It's a truly delightful and approachable pastel selection.

Best used for

  • Bakery or dessert shop branding
  • Children's party decor and invitations
  • Sweet-themed stationery and greeting cards
  • Lighthearted social media content and graphics
  • Baby nursery themes and product design
  • Gentle web design for creative blogs

Suggested color roles

primary

Utilize #DDEFFC as a light and airy primary, providing a refreshing and expansive foundation for your design.

secondary

Employ #F9DAE8 to bring warmth and sweetness, perfect for complementary elements or soft accents.

accent

Apply #E5DAF9 for a soft, whimsical touch, ideal for decorative details, icons, or subtle highlights.

background

Use #FCEEEB as a very subtle, warm background, creating an airy canvas that enhances other palette colors.

text

For optimal readability, use a dark grey text, such as #555555, or a rich plum for strong contrast against these very light shades.

Accessibility notes

  • All colors are extremely light; contrast for text is a major concern, always use a dark text color.
  • Ensure sufficient contrast ratios (WCAG AA or AAA) for all interactive elements and critical information.
  • Avoid using #DDEFFC and #C2DCEB close together for functional elements that need clear distinction.
  • Interactive elements might benefit from a darker border or subtle shadow for clarity and user feedback.

Recommended combinations

Fluffy UI

Design a soft user interface: #FCEEEB for the background, #DDEFFC for card elements, and #F9DAE8 for gentle buttons.

#FCEEEB · #DDEFFC · #F9DAE8

Sweet Layout

Create a sweet layout: #E5DAF9 for a header, #C2DCEB for a sub-element, and #F9DAE8 for a decorative swirl or pattern.

#E5DAF9 · #C2DCEB · #F9DAE8

Gentle Blend

Combine these for a soft, ethereal background in hero images or banners, adding a dreamy, layered effect.

#DDEFFC · #F9DAE8 · #E5DAF9

CSS variables

:root {
  --pastel-candy-floss-1: #F9DAE8;
  --pastel-candy-floss-2: #DDEFFC;
  --pastel-candy-floss-3: #E5DAF9;
  --pastel-candy-floss-4: #FCEEEB;
  --pastel-candy-floss-5: #C2DCEB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pastel-candy-floss": {
        1: "#F9DAE8",
        2: "#DDEFFC",
        3: "#E5DAF9",
        4: "#FCEEEB",
        5: "#C2DCEB",
      }
    }
  }
}

Related searches

fluffy pastel colorssugary confection palettesoft candy floss huesdelicate light designwhimsical sweet pastels

Palette colors

Hex values

Color 1#F9DAE8
·
Color 2#DDEFFC
·
Color 3#E5DAF9
·
Color 4#FCEEEB
·
Color 5#C2DCEB
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1:1Fail
1.1:1Fail
1.1:1Fail
2
1.1:1Fail
1.1:1Fail
1:1Fail
1.2:1Fail
3
1:1Fail
1.1:1Fail
1.2:1Fail
1.1:1Fail
4
1.1:1Fail
1:1Fail
1.2:1Fail
1.3:1Fail
5
1.1:1Fail
1.2:1Fail
1.1:1Fail
1.3:1Fail

Similar palettes

More like Pastel Candy Floss

View all pastel
Confectionary Delight Swirl
Pastel Macaron Delight
Pastel Sweet Treats
Bubblegum Galaxy Dream
Bubblegum Pop Sky
Candy Cloud Dream