Back to palettes

Palette

Playful Candy Store

A delightful explosion of bright, sugary colors, like a whimsical stroll through a nostalgic candy store.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF6B8B#FFC300#6FCF97#8A70DA#FF96D1

Palette guide

How to use Playful Candy Store

Overview

The Playful Candy Store palette (version 2) is a delightful explosion of bright, sugary colors, designed to evoke a whimsical stroll through a nostalgic candy store. This vibrant collection includes #FF6B8B (Salmon Pink), #FFC300 (Orange Yellow), #6FCF97 (Medium Aquamarine), #8A70DA (Lavender), and #FF96D1 (Light Pink). It's an excellent choice for designers and developers seeking to create a cheerful, inviting, and memorable visual experience. Its balanced mix of warm and cool tones provides versatility for both digital interfaces and physical products, ensuring a lively and engaging aesthetic.

Best used for

  • Toy store and children's boutique branding
  • Kids' event planning and promotions
  • Cheerful mobile app interfaces
  • Creative workshops and art projects
  • Whimsical illustration and animation
  • Playful e-commerce product displays

Suggested color roles

primary

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

secondary

Apply #6FCF97 for a fresh, balancing secondary role, suitable for backgrounds or supportive graphics.

accent

Employ #FFC300 to add an energetic, cheerful highlight to icons, buttons, or important details.

background

Utilize #FF96D1 as a soft, cheerful background, providing a gentle canvas for other vibrant colors.

text

For headings, #8A70DA can add a unique touch. For body text, a dark gray (e.g., #333333) ensures readability.

Accessibility notes

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

Recommended combinations

Cheerful Mix

Creates an immediate sense of fun and vibrancy, perfect for headers or prominent graphic elements.

#FF6B8B · #FFC300 · #6FCF97

Playful Harmony

Ideal for a soft yet playful backdrop, such as website footers or subtle design patterns.

#8A70DA · #FF96D1 · #6FCF97

Bright Energy

Suitable for creating dynamic visual interest, like highlight boxes or interactive components.

#FFC300 · #FF6B8B · #8A70DA

CSS variables

:root {
  --playful-candy-store-2-1: #FF6B8B;
  --playful-candy-store-2-2: #FFC300;
  --playful-candy-store-2-3: #6FCF97;
  --playful-candy-store-2-4: #8A70DA;
  --playful-candy-store-2-5: #FF96D1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "playful-candy-store-2": {
        1: "#FF6B8B",
        2: "#FFC300",
        3: "#6FCF97",
        4: "#8A70DA",
        5: "#FF96D1",
      }
    }
  }
}

Related searches

candy store colorscheerful brand palettekids design themessweet shop UIvibrant playful colors

Palette colors

Hex values

Color 1#FF6B8B
·
Color 2#FFC300
·
Color 3#6FCF97
·
Color 4#8A70DA
·
Color 5#FF96D1
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
1.4:1Fail
1.4:1Fail
1.4:1Fail
2
1.7:1Fail
1.2:1Fail
2.4:1Fail
1.2:1Fail
3
1.4:1Fail
1.2:1Fail
2:1Fail
1:1Fail
4
1.4:1Fail
2.4:1Fail
2:1Fail
1.9:1Fail
5
1.4:1Fail
1.2:1Fail
1:1Fail
1.9:1Fail

Similar palettes

More like Playful Candy Store

View all vibrant
Candy Pop Burst
Gummy Bear Blast
Gummy Delight
Lollipop Swirl Sugar
Playful Candy Crush
Playful Candy Explosion