Palette

Playful Candy Shop

A whimsical array of sugary shades reminiscent of a childhood visit to a bright and cheerful candy shop.

pastelplayful5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFC0CB#FFD700#90EE90#ADD8E6#EE82EE

Palette guide

How to use Playful Candy Shop

Overview

The Playful Candy Shop palette offers a whimsical array of sugary pastel shades, perfect for creating a soft, inviting, and cheerful aesthetic. Featuring #FFC0CB (Light Pink), #FFD700 (Gold), #90EE90 (Light Green), #ADD8E6 (Light Blue), and #EE82EE (Violet), this collection evokes the gentle charm of a childhood candy store. It's an excellent choice for designers and developers aiming for a friendly, approachable, and delightful visual experience, particularly appealing for audiences seeking a sweet and nostalgic touch in their digital or physical products.

Best used for

Baby and toddler product branding
Dessert and bakery shop branding
Children's party invitations and decor
Soft and whimsical website designs
Craft and DIY blogs
Gentle, comforting mobile app interfaces

Suggested color roles

primary

Use #FFC0CB as a soft, inviting primary color for backgrounds or main content areas.

secondary

Apply #ADD8E6 for supporting elements, headers, or as a calming complementary shade.

accent

Employ #FFD700 sparingly for cheerful highlights, icons, or to draw gentle attention.

background

Utilize #90EE90 as a fresh, airy background color for a light and natural feel.

text

For headings, #EE82EE can add a playful touch. For body text, a dark gray (e.g., #555555) ensures readability.

Accessibility notes

Carefully check contrast when placing text on pastel backgrounds like #FFC0CB or #ADD8E6.
Ensure interactive elements have sufficient contrast to be easily distinguishable.
Avoid using #FFD700 for small text on light backgrounds due to potential readability issues.
Consider using larger font sizes for body copy when using lighter text colors from the palette.

Recommended combinations

Soft Whimsy

Creates a gentle and harmonious feel, ideal for serene backgrounds or subtle branding.

#FFC0CB · #ADD8E6 · #90EE90

Cheerful Pop

Adds a lively, joyful accent to designs, perfect for calls-to-action or playful illustrations.

#FFD700 · #EE82EE · #FFC0CB

Dreamy Blend

Suitable for creating ethereal gradients or soft visual transitions in digital interfaces.

#90EE90 · #ADD8E6 · #EE82EE

CSS variables

:root {
  --playful-candy-shop-2-1: #FFC0CB;
  --playful-candy-shop-2-2: #FFD700;
  --playful-candy-shop-2-3: #90EE90;
  --playful-candy-shop-2-4: #ADD8E6;
  --playful-candy-shop-2-5: #EE82EE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "playful-candy-shop-2": {
        1: "#FFC0CB",
        2: "#FFD700",
        3: "#90EE90",
        4: "#ADD8E6",
        5: "#EE82EE",
      }
    }
  }
}

Hex values

Color 1#FFC0CB

Color 2#FFD700

Color 3#90EE90

Color 4#ADD8E6

Color 5#EE82EE

Accessibility

Contrast checker

1.1:1Fail

1:1Fail

1.5:1Fail

1.1:1Fail

1:1Fail

1.1:1Fail

1.7:1Fail

1.1:1Fail

1:1Fail

1.1:1Fail

1.6:1Fail

1:1Fail

1.1:1Fail

1.5:1Fail

1.7:1Fail

1.6:1Fail

1.5:1Fail

Similar palettes

More like Playful Candy Shop

Playful Candy Shop

See it in context.

Ready when you are.

Built with Playful Candy Shop.

How to use Playful Candy Shop

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Soft Whimsy

Cheerful Pop

Dreamy Blend

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Playful Candy Shop