Palette

Playful Candy Dream

A whimsical array of soft, sugary hues, like a dream filled with delightful treats.

pastelplayful5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF69B4#FFB6C1#FFFACD#ADD8E6#BA55D3

Palette guide

How to use Playful Candy Dream

Overview

The "Playful Candy Dream" palette is a whimsical array of soft, sugary hues, like a dream filled with delightful treats. This pastel collection features a vibrant hot pink `#FF69B4`, a delicate light pink `#FFB6C1`, a creamy lemon chiffon `#FFFACD`, a serene light blue `#ADD8E6`, and a charming medium orchid `#BA55D3`. It's an excellent choice for designers and developers aiming to create gentle, inviting, and imaginative interfaces or branding. The blend of soft tones with an occasional vibrant pop makes it ideal for projects that seek to evoke a sense of sweet fantasy, innocence, and playful charm, perfect for a dreamy aesthetic.

Best used for

Baby and children's product branding
Feminine lifestyle or beauty blogs
Wedding or party planning websites
Fantasy-themed illustrations
Soft, inviting mobile app interfaces
Sweet shop or bakery promotions

Suggested color roles

primary

`#FF69B4` serves as a cheerful primary accent for calls-to-action, important links, or focal points.

secondary

`#BA55D3` provides a deeper, more grounding pastel for secondary sections, navigation, or larger text blocks.

accent

`#FFFACD` offers a soft, warm highlight for subtle details, icons, or decorative elements, adding a creamy glow.

background

`#FFFACD` or `#FFB6C1` are ideal for light, airy backgrounds, creating a gentle and inviting canvas.

text

For general body text, dark charcoal or black provides optimal readability against these light pastels. White text can work on `#FF69B4` and `#BA55D3`.

Accessibility notes

The predominantly light nature of this palette requires dark text (e.g., black or dark gray) for sufficient contrast.
`#FFFACD` (lemon chiffon) will need black text for readability.
Avoid using `#FFB6C1` (light pink) and `#FFFACD` (creamy yellow) for text and background combinations due to low contrast.
Ensure interactive elements stand out clearly, especially against similar light backgrounds, by using the more vibrant hues like `#FF69B4`.

Recommended combinations

Dreamy Pastels

Perfect for soft background gradients, layered UI elements, or illustrations needing a gentle, harmonious feel.

#FFB6C1 · #FFFACD · #ADD8E6

Candy Pop

Ideal for playful buttons, headings, or focal points, with pink and orchid popping against a creamy highlight.

#FF69B4 · #BA55D3 · #FFFACD

Whimsical Contrast

Use for cheerful banners or distinct sections, combining cool blue with warm pink and a deeper violet for balance.

#ADD8E6 · #FF69B4 · #BA55D3

CSS variables

:root {
  --playful-candy-dream-1: #FF69B4;
  --playful-candy-dream-2: #FFB6C1;
  --playful-candy-dream-3: #FFFACD;
  --playful-candy-dream-4: #ADD8E6;
  --playful-candy-dream-5: #BA55D3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "playful-candy-dream": {
        1: "#FF69B4",
        2: "#FFB6C1",
        3: "#FFFACD",
        4: "#ADD8E6",
        5: "#BA55D3",
      }
    }
  }
}

Hex values

Color 1#FF69B4

Color 2#FFB6C1

Color 3#FFFACD

Color 4#ADD8E6

Color 5#BA55D3

Accessibility

Contrast checker

1.6:1Fail

2.5:1Fail

1.7:1Fail

1.5:1Fail

1.6:1Fail

1.1:1Fail

2.4:1Fail

2.5:1Fail

1.6:1Fail

1.4:1Fail

3.7:1AA18

1.7:1Fail

1.1:1Fail

1.4:1Fail

2.6:1Fail

1.5:1Fail

2.4:1Fail

3.7:1AA18

2.6:1Fail

Similar palettes

More like Playful Candy Dream

Playful Candy Dream

See it in context.

Ready when you are.

Built with Playful Candy Dream.

How to use Playful Candy Dream

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Dreamy Pastels

Candy Pop

Whimsical Contrast

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Playful Candy Dream