Palette

Candy Floss Serenade

A delicate and whimsical collection, reminiscent of sugary confections or fluffy cotton candy, soft and inviting.

pastelplayful5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F0E6EF#C8E6C9#ADD8E6#E6E6FA#FDF5E6

Palette guide

How to use Candy Floss Serenade

Overview

The Candy Floss Serenade palette is a delicate and whimsical collection, reminiscent of sugary confections or fluffy cotton candy, soft and inviting. It features a very pale lavender #F0E6EF, a gentle pale green #C8E6C9, a calming light blue #ADD8E6, an ethereal lavender #E6E6FA, and a creamy off-white #FDF5E6. This extremely light pastel collection is perfect for designers and developers aiming to create incredibly soft, playful, and serene digital or physical spaces. It's an excellent choice for projects that require a delicate touch, conveying innocence, calm, and a lighthearted, dreamy aesthetic that feels both sweet and expansive.

Best used for

Baby product branding and packaging
Gentle web designs and blog themes
Children's book illustrations
Sweet shop and confectionery aesthetics
Romantic event invitations and collateral
Soft lifestyle blogs and social media

Suggested color roles

primary

Use #ADD8E6 (light blue) as a calming and airy primary background or main content area.

secondary

Employ #C8E6C9 (pale green) for fresh and gentle accents, secondary backgrounds, or decorative elements.

accent

Introduce #F0E6EF (very pale lavender) for subtle depth, gentle highlights, or a touch of playful warmth.

background

Utilize #FDF5E6 (creamy off-white) as a warm, inviting, and expansive background.

text

A dark grey (e.g., #4A4A4A) or black is absolutely necessary for all text to ensure optimal readability, as all palette colors are extremely light.

Accessibility notes

All colors are extremely light; none are suitable for text directly due to insufficient contrast.
Text must be a very dark neutral (charcoal or black) on any of these backgrounds to meet WCAG AA standards.
#FDF5E6 provides a warm, clean background, ideal for dark text.
Ensure interactive elements have a clear visual change on hover or focus, as the colors are very close in value and might lack distinction.

Recommended combinations

Gentle Serenade

Ideal for soft website backgrounds, serene branding, or creating an expansive and ethereal visual experience.

#FDF5E6 · #C8E6C9 · #ADD8E6

Whimsical Blend

Perfect for invitations, delicate patterns, or designs that require a gentle and harmonious color interplay.

#F0E6EF · #E6E6FA · #C8E6C9

Fluffy Harmony

Effective for illustrations, gentle UI accents, or creating a cohesive and soft pastel aesthetic.

#ADD8E6 · #FDF5E6 · #F0E6EF

CSS variables

:root {
  --candy-floss-serenade-1: #F0E6EF;
  --candy-floss-serenade-2: #C8E6C9;
  --candy-floss-serenade-3: #ADD8E6;
  --candy-floss-serenade-4: #E6E6FA;
  --candy-floss-serenade-5: #FDF5E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "candy-floss-serenade": {
        1: "#F0E6EF",
        2: "#C8E6C9",
        3: "#ADD8E6",
        4: "#E6E6FA",
        5: "#FDF5E6",
      }
    }
  }
}

Hex values

Color 1#F0E6EF

Color 2#C8E6C9

Color 3#ADD8E6

Color 4#E6E6FA

Color 5#FDF5E6

Accessibility

Contrast checker

1.1:1Fail

1.3:1Fail

1:1Fail

1.1:1Fail

1.2:1Fail

1.3:1Fail

1.1:1Fail

1.2:1Fail

1.4:1Fail

1:1Fail

1.1:1Fail

1.2:1Fail

1.1:1Fail

1.2:1Fail

1.4:1Fail

1.1:1Fail

Similar palettes

More like Candy Floss Serenade

Candy Floss Serenade

See it in context.

Ready when you are.

Built with Candy Floss Serenade.

How to use Candy Floss Serenade

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Gentle Serenade

Whimsical Blend

Fluffy Harmony

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Candy Floss Serenade