Back to palettes

Palette

Candy Shop Whimsy

A delightful assortment of bright, sugary pastels, reminiscent of a whimsical 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

#FF66B2#FF99E6#FFC2FF#E6FF99#B2FF66

Palette guide

How to use Candy Shop Whimsy

Overview

The Candy Shop Whimsy palette is a delightful assortment of bright, sugary pastels, reminiscent of a whimsical candy shop and invoking a sense of playful childhood wonder. It features a cheerful hot pink #FF66B2, a vibrant light magenta #FF99E6, and a softer lavender #FFC2FF, alongside a lively lime green #E6FF99 and a refreshing bright green #B2FF66. This collection balances brightness with a pastel softness, creating an energetic yet approachable aesthetic. It's an excellent choice for designers seeking to infuse projects with a vibrant, sweet, and undeniably fun character, perfect for capturing youthful spirit.

Best used for

  • Children's educational app interfaces
  • Party planning and event branding
  • Youth fashion and accessory design
  • Creative digital art and illustrations
  • Sweet shop or dessert branding
  • Playful packaging for toys or snacks

Suggested color roles

primary

Use #FF66B2 (Hot Pink) for main headings or hero sections to establish a vibrant, playful foundation.

secondary

Employ #B2FF66 (Bright Green) for sub-sections, navigation, or as a refreshing, energetic contrast.

accent

Apply #FF99E6 (Light Magenta) for subtle highlights, decorative elements, or interactive states, adding a touch of sweetness.

background

The light #FFC2FF (Lavender) can serve as a gentle background, allowing brighter elements to stand out, or use a clean white.

text

For maximum readability, use a dark gray or black text on lighter backgrounds like #E6FF99, and white text on the more saturated #FF66B2 or #B2FF66.

Accessibility notes

  • Ensure high contrast between text and background, especially for the brighter pastels like #E6FF99 and #B2FF66, which require dark text.
  • White text on #FF66B2 (Hot Pink) and #FF99E6 (Light Magenta) should be checked for sufficient contrast.
  • Avoid pairing #E6FF99 (Lime Green) and #B2FF66 (Bright Green) too closely for critical text unless contrast is carefully managed.
  • Consider larger font sizes for important information when using these lively colors to enhance legibility.

Recommended combinations

Vibrant Play

Ideal for dynamic headers, playful graphics, or features that need to pop with energy.

#FF66B2 · #B2FF66 · #FF99E6

Sweet Harmony

Perfect for creating cheerful backgrounds, subtle patterns, or inviting user interfaces.

#E6FF99 · #FFC2FF · #FF66B2

Childhood Burst

Great for interactive elements, playful illustrations, or branding aiming for a youthful, sweet appeal.

#FF99E6 · #B2FF66 · #FFC2FF

CSS variables

:root {
  --candy-shop-whimsy-3-1: #FF66B2;
  --candy-shop-whimsy-3-2: #FF99E6;
  --candy-shop-whimsy-3-3: #FFC2FF;
  --candy-shop-whimsy-3-4: #E6FF99;
  --candy-shop-whimsy-3-5: #B2FF66;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "candy-shop-whimsy-3": {
        1: "#FF66B2",
        2: "#FF99E6",
        3: "#FFC2FF",
        4: "#E6FF99",
        5: "#B2FF66",
      }
    }
  }
}

Related searches

bright candy pastel paletteplayful sweet childhood colorsvibrant whimsical designfun app UI colorslively dessert branding

Palette colors

Hex values

Color 1#FF66B2
·
Color 2#FF99E6
·
Color 3#FFC2FF
·
Color 4#E6FF99
·
Color 5#B2FF66
·

Accessibility

Contrast checker

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

Similar palettes

More like Candy Shop Whimsy

View all pastel
Lollipop Swirl Parade
Jolly Confectionery Dream
Lollypop Swirl Dream
Sweet Candy Stripe
Sweet Confection Delight
Sweet Shop Candy