Palette

Candy Shop Whimsy

A whimsical collection of soft, sugary pastels, evoking the delightful treats of a classic candy shop.

pastelplayful5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFC0CB#ADD8E6#98FB98#F0E68C#EE82EE

Palette guide

How to use Candy Shop Whimsy

Overview

The Candy Shop Whimsy palette is a whimsical collection of soft, sugary pastels, perfectly evoking the delightful treats of a classic candy shop. It features a charming soft pink #FFC0CB, a gentle sky blue #ADD8E6, a refreshing mint green #98FB98, a warm pastel yellow #F0E68C, and a playful orchid purple #EE82EE. This harmonious blend creates an inviting and lighthearted atmosphere, ideal for designs that seek to convey sweetness, softness, and a touch of innocent fun. It's a versatile palette for designers aiming to create an approachable, charming, and visually appealing aesthetic.

Best used for

Children's book illustrations and covers
Baby product branding and packaging
Sweet-themed event invitations
Personal blogs with a soft, friendly tone
Handmade craft or boutique shop branding
Digital art with a dreamy, light aesthetic

Suggested color roles

primary

Use #FFC0CB (Soft Pink) for main backgrounds or large content areas to establish a gentle, welcoming feel.

secondary

Employ #ADD8E6 (Sky Blue) for navigation, subheadings, or complementary graphical elements, adding a serene touch.

accent

Apply #EE82EE (Orchid) sparingly for call-to-action buttons, key highlights, or playful decorative accents.

background

The pale #F0E68C (Pastel Yellow) or #98FB98 (Mint Green) offers a light, airy canvas that allows other colors to gently pop.

text

For optimal readability, use a dark gray or charcoal text (e.g., #444444) against these light pastel backgrounds.

Accessibility notes

All colors are light; ensure text has sufficient contrast by using dark gray or black for readability.
Avoid using light-colored text on any of these pastel backgrounds, as it will likely not meet accessibility standards.
When combining similar light hues, ensure there's clear visual separation for distinct elements.
For interactive elements, consider adding a subtle border or shadow in addition to color for hover states.

Recommended combinations

Pastel Dream

Ideal for serene backgrounds, gentle branding, or creating a soft, inviting user interface.

#FFC0CB · #ADD8E6 · #F0E68C

Whimsical Pop

Perfect for playful accents, decorative elements, or highlighting important information with a gentle flair.

#EE82EE · #98FB98 · #F0E68C

Sweet Harmony

Great for layered graphics, subtle patterns, or designs aiming for a harmonious, soft aesthetic.

#ADD8E6 · #FFC0CB · #98FB98

CSS variables

:root {
  --candy-shop-whimsy-1: #FFC0CB;
  --candy-shop-whimsy-2: #ADD8E6;
  --candy-shop-whimsy-3: #98FB98;
  --candy-shop-whimsy-4: #F0E68C;
  --candy-shop-whimsy-5: #EE82EE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "candy-shop-whimsy": {
        1: "#FFC0CB",
        2: "#ADD8E6",
        3: "#98FB98",
        4: "#F0E68C",
        5: "#EE82EE",
      }
    }
  }
}

Hex values

Color 1#FFC0CB

Color 2#ADD8E6

Color 3#98FB98

Color 4#F0E68C

Color 5#EE82EE

Accessibility

Contrast checker

1:1Fail

1.2:1Fail

1.5:1Fail

1:1Fail

1.2:1Fail

1.5:1Fail

1.2:1Fail

1:1Fail

1.8:1Fail

1.2:1Fail

1:1Fail

1.8:1Fail

1.5:1Fail

1.8:1Fail

Similar palettes

More like Candy Shop Whimsy

Candy Shop Whimsy

See it in context.

Ready when you are.

Built with Candy Shop Whimsy.

How to use Candy Shop Whimsy

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Pastel Dream

Whimsical Pop

Sweet Harmony

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Candy Shop Whimsy