Back to palettes

Palette

Playful Candy Shop

A burst of sugary, joyful colors reminiscent of a classic candy store, full of whimsy and delight.

vibrantplayful5 colors
More vibrant 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

#FF6F91#FF99AC#FFC72C#F4F9A0#A0D9FF

Palette guide

How to use Playful Candy Shop

Overview

The Playful Candy Shop palette (original) offers a burst of sugary, joyful colors, reminiscent of a classic candy store. This whimsical collection includes #FF6F91 (Coral Pink), #FF99AC (Light Pink), #FFC72C (Golden Yellow), #F4F9A0 (Pale Yellow), and #A0D9FF (Light Blue). It's an inviting and soft yet cheerful palette, ideal for designers and developers aiming to create a sense of delight, warmth, and nostalgia. Its balanced blend of pastels and bright accents makes it versatile for a range of applications, from digital interfaces to physical branding.

Best used for

  • Sweet treat and confectionery branding
  • Children's clothing and accessories
  • Lighthearted blogs and personal websites
  • Greeting cards and stationery
  • Casual mobile game design
  • Whimsical e-commerce platforms

Suggested color roles

primary

Use #FF6F91 as a warm, inviting primary color for brand identity or key design elements.

secondary

Apply #A0D9FF for a calming, fresh secondary role, suitable for backgrounds or supportive graphics.

accent

Employ #FFC72C to add a cheerful, sunny highlight to icons, buttons, or important details.

background

Utilize #F4F9A0 as a soft, airy base background, providing a gentle canvas for other colors.

text

For body text, use a dark charcoal (e.g., #444444). #FF99AC can be used for subtle decorative text or accents.

Accessibility notes

  • Ensure sufficient contrast for text when placed on lighter pastels like #F4F9A0 or #FF99AC.
  • Verify that interactive elements have clear visual states, especially against similar pastel backgrounds.
  • Avoid using #FFC72C for small text on #F4F9A0 due to potential contrast issues.
  • Consider using larger font sizes for improved readability when applying lighter text colors.

Recommended combinations

Gentle Sweetness

Creates a soft, harmonious and inviting atmosphere, perfect for background imagery or gentle UI elements.

#FF6F91 · #F4F9A0 · #A0D9FF

Sunny Delight

Adds a cheerful and bright energy, ideal for call-to-action buttons or playful illustrations.

#FFC72C · #FF99AC · #A0D9FF

Soft Play

Suitable for creating a balanced, lighthearted design, such as children's book layouts or website headers.

#A0D9FF · #FF6F91 · #F4F9A0

CSS variables

:root {
  --playful-candy-shop-1: #FF6F91;
  --playful-candy-shop-2: #FF99AC;
  --playful-candy-shop-3: #FFC72C;
  --playful-candy-shop-4: #F4F9A0;
  --playful-candy-shop-5: #A0D9FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "playful-candy-shop": {
        1: "#FF6F91",
        2: "#FF99AC",
        3: "#FFC72C",
        4: "#F4F9A0",
        5: "#A0D9FF",
      }
    }
  }
}

Related searches

soft candy color palettewhimsical pastel brandingsweet shop color schemelighthearted design colorscheerful website palette

Palette colors

Hex values

Color 1#FF6F91
·
Color 2#FF99AC
·
Color 3#FFC72C
·
Color 4#F4F9A0
·
Color 5#A0D9FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.7:1Fail
2.4:1Fail
1.7:1Fail
2
1.3:1Fail
1.3:1Fail
1.8:1Fail
1.3:1Fail
3
1.7:1Fail
1.3:1Fail
1.4:1Fail
1:1Fail
4
2.4:1Fail
1.8:1Fail
1.4:1Fail
1.4:1Fail
5
1.7:1Fail
1.3:1Fail
1:1Fail
1.4:1Fail

Similar palettes

More like Playful Candy Shop

View all vibrant
Gumball Machine Gleam
Gummy Bear Blast
Jelly Bean Jamboree
Lollipop Swirl Dreams
Lollipop Swirl Sugar
Playful Candy Explosion