Palette

Candy Floss Sunset

Whimsical and sweet, like the fluffy colors of candy floss melting into a gentle sunset sky.

Pastelplayful5 colors

More Pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FDC7DA#F7C09F#A3D9E1#FDEB96#E0BBE4

Palette guide

How to use Candy Floss Sunset

Overview

The Candy Floss Sunset palette is whimsical and sweet, like the fluffy colors of candy floss melting into a gentle sunset sky. It features a soft pink #FDC7DA, a warm light peach #F7C09F, a refreshing light teal #A3D9E1, a sunny pale yellow #FDEB96, and a dreamy lavender #E0BBE4. This enchanting pastel collection is perfect for designers and developers aiming to create innocent, playful, and dreamy digital or physical spaces. Its harmonious hues evoke a sense of childhood wonder and gentle sweetness, ideal for projects that require a delicate and inviting aesthetic.

Best used for

Dreamy event invitations and decor
Children's room decor and textiles
Whimsical branding and marketing
Sweet treat packaging and confectionery
Artistic digital illustrations and prints
Romantic social media posts and stories

Suggested color roles

primary

Use #FDC7DA (soft pink) as a sweet and warm primary color for main content or brand identity.

secondary

Employ #A3D9E1 (light teal) as a cool contrast, for secondary information or background elements.

accent

Introduce #FDEB96 (pale yellow) for a sunny and bright pop, subtle highlights, or unique decorative details.

background

Utilize #F7C09F (light peach) as a warm and inviting base, providing a delicate and expansive canvas.

text

A dark grey (e.g., #444444) or black is essential for all text to ensure optimal readability, as all colors are very light.

Accessibility notes

All colors are light and unsuitable for text on their own due to insufficient contrast.
Always use dark neutral text (charcoal or black) for readability (WCAG AA) on any background from this palette.
#F7C09F provides a soft, warm background choice for dark text.
These pastels are ideal for large decorative areas, gradients, and subtle UI elements where text contrast is not critical.

Recommended combinations

Sunset Gradient

Ideal for soft web backgrounds, dreamy art, or creating an ethereal and harmonious visual experience.

#F7C09F · #FDC7DA · #E0BBE4

Sweet Sky

Perfect for children's illustrations, playful branding, or designs that require a gentle and cohesive flow.

#A3D9E1 · #FDEB96 · #FDC7DA

Fluffy Hues

Effective for decorative elements, gentle UI accents, or to create a whimsical and lighthearted visual dynamic.

#E0BBE4 · #F7C09F · #A3D9E1

CSS variables

:root {
  --candy-floss-sunset-1: #FDC7DA;
  --candy-floss-sunset-2: #F7C09F;
  --candy-floss-sunset-3: #A3D9E1;
  --candy-floss-sunset-4: #FDEB96;
  --candy-floss-sunset-5: #E0BBE4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "candy-floss-sunset": {
        1: "#FDC7DA",
        2: "#F7C09F",
        3: "#A3D9E1",
        4: "#FDEB96",
        5: "#E0BBE4",
      }
    }
  }
}

Hex values

Color 1#FDC7DA

Color 2#F7C09F

Color 3#A3D9E1

Color 4#FDEB96

Color 5#E0BBE4

Accessibility

Contrast checker

1.1:1Fail

1.2:1Fail

1.1:1Fail

1:1Fail

1.3:1Fail

1:1Fail

1.1:1Fail

1:1Fail

1.3:1Fail

1.1:1Fail

1.2:1Fail

1.3:1Fail

1.4:1Fail

1.2:1Fail

1:1Fail

1.1:1Fail

1.4:1Fail

Similar palettes

More like Candy Floss Sunset

Candy Floss Sunset

See it in context.

Ready when you are.

Built with Candy Floss Sunset.

How to use Candy Floss Sunset

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Sunset Gradient

Sweet Sky

Fluffy Hues

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Candy Floss Sunset