Palette

Dream Fluff Candy

A whimsical blend of sugary pinks and soft purples, reminiscent of a sweet, airy confection.

pastelplayful5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Dream Fluff Candy 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 Dream Fluff Candy.

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

Data visualization

#FFC0CB#FFB6C1#F08080#E0BBE4#957DAD

Palette guide

How to use Dream Fluff Candy

Overview

The Dream Fluff Candy palette is a whimsical blend of sugary pinks and soft purples, reminiscent of a sweet, airy confection. Featuring the delicate #FFC0CB (Pink) and #FFB6C1 (Light Pink), it creates an inviting and gentle visual experience. The bolder #F08080 (Light Coral) introduces a subtle warmth, while #E0BBE4 (Lavender Blush) and #957DAD (Medium Purple) provide depth and a calming, ethereal quality. This palette is perfect for designers and developers aiming to create soft, playful, and charming interfaces, ideal for brands targeting children, confections, or themes of comfort and fantasy across digital and print media.

Best used for

Children's clothing or toy brands
Bakery or candy shop websites
Sweet-themed mobile game interfaces
Baby product marketing
Wedding or baby shower invitations
Blogs with a soft, whimsical aesthetic

Suggested color roles

primary

Establish a soft, inviting foundation with #FFC0CB (Pink) for main backgrounds, headers, or prominent UI elements.

secondary

Utilize #E0BBE4 (Lavender Blush) for secondary content blocks, navigation bars, or as a calming complementary accent.

accent

Draw gentle attention to call-to-action buttons, interactive elements, or key information with #F08080 (Light Coral), offering a subtle warmth.

background

Apply #FFB6C1 (Light Pink) for lighter content areas, subtle gradients, or as a primary background, creating an airy canvas.

text

Pair dark text (e.g., charcoal or #957DAD) against #FFC0CB or #E0BBE4 for body copy, and white or a very light gray for headings on #957DAD.

Accessibility notes

Ensure sufficient contrast for #F08080 text on #FFC0CB or #FFB6C1, as these pairs can be low contrast.
Dark text (e.g., black or #957DAD) provides excellent readability on #FFC0CB, #FFB6C1, and #E0BBE4.
Avoid using #E0BBE4 text on #F08080 for critical information due to potential readability issues.
For body text, use a deep charcoal or black against the lighter pinks and purples for optimal legibility.

Recommended combinations

Sugary Sweet

Ideal for light headers, hero sections, or impactful graphics that demand a gentle and inviting feel.

#FFC0CB · #FFB6C1 · #F08080

Dreamy Lavender

Excellent for backgrounds, subtle UI accents, or elements conveying softness, calm, and ethereal beauty.

#E0BBE4 · #957DAD · #FFC0CB

Playful Pop

Use for prominent call-to-actions, alerts, or interactive components where clear visibility and a fun pop are paramount.

#F08080 · #FFC0CB · #957DAD

CSS variables

:root {
  --dream-fluff-candy-1: #FFC0CB;
  --dream-fluff-candy-2: #FFB6C1;
  --dream-fluff-candy-3: #F08080;
  --dream-fluff-candy-4: #E0BBE4;
  --dream-fluff-candy-5: #957DAD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dream-fluff-candy": {
        1: "#FFC0CB",
        2: "#FFB6C1",
        3: "#F08080",
        4: "#E0BBE4",
        5: "#957DAD",
      }
    }
  }
}

Hex values

Color 1#FFC0CB

Color 2#FFB6C1

Color 3#F08080

Color 4#E0BBE4

Color 5#957DAD

Accessibility

Contrast checker

1.1:1Fail

1.7:1Fail

1.1:1Fail

2.3:1Fail

1.1:1Fail

1.6:1Fail

1:1Fail

2.2:1Fail

1.7:1Fail

1.6:1Fail

1.5:1Fail

1.4:1Fail

1.1:1Fail

1:1Fail

1.5:1Fail

2.1:1Fail

2.3:1Fail

2.2:1Fail

1.4:1Fail

2.1:1Fail

Similar palettes

More like Dream Fluff Candy

Dream Fluff Candy

See it in context.

Ready when you are.

Built with Dream Fluff Candy.

How to use Dream Fluff Candy

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Sugary Sweet

Dreamy Lavender

Playful Pop

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Dream Fluff Candy