Palette

Sugared Candy Delight

A delightful medley of soft, sugary pastels, reminiscent of an assortment of sweet confectionery treats.

PastelPlayful5 colors

More Pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sugared Candy Delight 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 Sugared Candy Delight.

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

Data visualization

#FFCDD2#F8BBD0#E1BEE7#C5CAE9#B3E5FC

Palette guide

How to use Sugared Candy Delight

Overview

The Sugared Candy Delight palette presents a delightful medley of soft, sugary pastels, reminiscent of an assortment of sweet confectionery treats. Featuring Pale Pink (#FFCDD2), Light Pink (#F8BBD0), Light Purple (#E1BEE7), Light Lavender (#C5CAE9), and Light Blue (#B3E5FC), this collection evokes a sense of playful innocence and gentle sweetness. Designers can leverage these delicate hues to create charming and inviting visuals that exude a lighthearted mood. It's an ideal choice for brands seeking a soft, whimsical, and endearing aesthetic, making every design feel like a delightful, sugary dream.

Best used for

Baby clothing and nursery decor
Sweet treats and candy store branding
Children's book illustrations
Gentle web designs and landing pages
Craft and stationery supplies
Feminine lifestyle blogs

Suggested color roles

primary

Utilize Light Blue (#B3E5FC) as a main calming tone for backgrounds or dominant sections, setting a serene and inviting mood.

secondary

Apply Light Pink (#F8BBD0) for complementary soft elements, gentle accents, or supporting visual blocks.

accent

Reserve Light Purple (#E1BEE7) for subtle highlights, decorative elements, or delicate interactive components.

background

Choose Pale Pink (#FFCDD2) or Light Lavender (#C5CAE9) for a soft, inviting background base that allows the other pastels to subtly layer.

text

Dark gray or charcoal text (e.g., #333333) is essential for maximum readability against these very light pastel backgrounds.

Accessibility notes

All colors are very light; ensure dark text (charcoal or black) is used for readability on these backgrounds.
Avoid using any of these pastel colors as text on another from the palette without strict contrast checking due to low contrast.
Use clear visual cues and larger font sizes for interactive elements to ensure usability.
Consider using subtle borders or shadows to define elements, as color contrast alone may be insufficient for some users.

Recommended combinations

Candy Swirl

Ideal for soft backgrounds, delicate illustrations, and branding that aims for a gentle, sweet appeal.

#FFCDD2 · #F8BBD0 · #E1BEE7

Sky Sweet

Perfect for children's interfaces, playful stationery, and elements needing a serene yet cheerful touch.

#C5CAE9 · #B3E5FC · #FFCDD2

Pastel Dream

Excellent for product packaging, gentle branding, and designs that require a cohesive, soft, and inviting palette.

#F8BBD0 · #E1BEE7 · #B3E5FC

CSS variables

:root {
  --sugared-candy-delight-1: #FFCDD2;
  --sugared-candy-delight-2: #F8BBD0;
  --sugared-candy-delight-3: #E1BEE7;
  --sugared-candy-delight-4: #C5CAE9;
  --sugared-candy-delight-5: #B3E5FC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sugared-candy-delight": {
        1: "#FFCDD2",
        2: "#F8BBD0",
        3: "#E1BEE7",
        4: "#C5CAE9",
        5: "#B3E5FC",
      }
    }
  }
}

Hex values

Color 1#FFCDD2

Color 2#F8BBD0

Color 3#E1BEE7

Color 4#C5CAE9

Color 5#B3E5FC

Accessibility

Contrast checker

1.1:1Fail

1.2:1Fail

1.1:1Fail

1:1Fail

1.1:1Fail

1:1Fail

1.2:1Fail

1:1Fail

1.2:1Fail

1.1:1Fail

1:1Fail

1.2:1Fail

1:1Fail

1.2:1Fail

Similar palettes

More like Sugared Candy Delight

Sugared Candy Delight

See it in context.

Ready when you are.

Built with Sugared Candy Delight.

How to use Sugared Candy Delight

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Candy Swirl

Sky Sweet

Pastel Dream

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Sugared Candy Delight