Back to palettes

Palette

Candy Store Whimsy

A delightful explosion of sugary, vibrant hues, like walking into a whimsical candy store.

playfulplayful5 colors
More playful palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFB6C1#98FB98#FFFACD#87CEFA#EE82EE

Palette guide

How to use Candy Store Whimsy

Overview

The Candy Store Whimsy palette is a delightful explosion of sugary, vibrant hues, like walking into a whimsical candy store. It features a charming light pink #FFB6C1, a refreshing mint green #98FB98, a sunny lemon chiffon #FFFACD, a serene light blue #87CEFA, and a playful orchid purple #EE82EE. This collection strikes a beautiful balance between vibrancy and a soft, inviting feel, making it perfect for designs that aim to be sweet, fun, and full of childhood charm. It's an excellent choice for designers seeking to create approachable, cheerful, and visually appealing projects.

Best used for

  • Children's toy or apparel branding
  • Sweet shop or bakery marketing materials
  • Party invitations and decorations
  • Creative stationery design
  • Websites or apps with a playful, friendly tone
  • Digital illustrations for storybooks

Suggested color roles

primary

Use #FFB6C1 (Light Pink) for main backgrounds or large sections to establish a warm, inviting feel.

secondary

Employ #87CEFA (Light Blue) for complementary content, navigation, or to add a calming, airy touch.

accent

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

background

The pale #FFFACD (Lemon Chiffon) or #98FB98 (Mint Green) provides an excellent light and airy canvas for design elements.

text

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

Accessibility notes

  • All colors are light; ensure very dark text (e.g., #333333) is used for readability on any background.
  • Avoid using light-colored text on these pastels, as contrast will be insufficient for most users.
  • When designing interactive elements, ensure hover/active states provide clearer contrast than static states.
  • Use larger font sizes or bolding for critical information to enhance legibility against soft backgrounds.

Recommended combinations

Sweet & Serene

Ideal for creating a calm, inviting interface or soft, dreamy illustrations.

#FFB6C1 · #87CEFA · #FFFACD

Whimsical Pop

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

#EE82EE · #98FB98 · #FFB6C1

Candy Dream

Great for backgrounds with subtle patterns, accentuating a soft aesthetic, or creating comforting visuals.

#FFFACD · #87CEFA · #98FB98

CSS variables

:root {
  --candy-store-whimsy-1: #FFB6C1;
  --candy-store-whimsy-2: #98FB98;
  --candy-store-whimsy-3: #FFFACD;
  --candy-store-whimsy-4: #87CEFA;
  --candy-store-whimsy-5: #EE82EE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "candy-store-whimsy": {
        1: "#FFB6C1",
        2: "#98FB98",
        3: "#FFFACD",
        4: "#87CEFA",
        5: "#EE82EE",
      }
    }
  }
}

Related searches

sweet candy store colorswhimsical pastel palettefun childhood designlight friendly brandingplayful event colors

Palette colors

Hex values

Color 1#FFB6C1
·
Color 2#98FB98
·
Color 3#FFFACD
·
Color 4#87CEFA
·
Color 5#EE82EE
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.6:1Fail
1:1Fail
1.4:1Fail
2
1.3:1Fail
1.2:1Fail
1.4:1Fail
1.8:1Fail
3
1.6:1Fail
1.2:1Fail
1.6:1Fail
2.2:1Fail
4
1:1Fail
1.4:1Fail
1.6:1Fail
1.4:1Fail
5
1.4:1Fail
1.8:1Fail
2.2:1Fail
1.4:1Fail

Similar palettes

More like Candy Store Whimsy

View all playful