Back to palettes

Palette

Playful Candy Store

A burst of sweet, bright, and cheerful colors, just like the tempting array inside a candy shop.

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

#FF69B4#FFA07A#FFD700#ADFF2F#1E90FF

Palette guide

How to use Playful Candy Store

Overview

The Playful Candy Store palette (original) offers a burst of sweet, bright, and cheerful colors, just like the tempting array inside a candy shop. This vibrant collection includes #FF69B4 (Hot Pink), #FFA07A (Light Salmon), #FFD700 (Gold), #ADFF2F (Green Yellow), and #1E90FF (Dodger Blue). It's an excellent choice for designers and developers seeking to create a high-energy, inviting, and memorable visual experience. Its strong contrasts and joyful hues provide versatility for both digital interfaces and physical products, ensuring a lively and engaging aesthetic.

Best used for

  • Children's party planning and decor
  • Confectionery and sweet shop branding
  • Vibrant website headers and banners
  • Playful product packaging design
  • Summer event promotions and graphics
  • Youth-focused digital content

Suggested color roles

primary

Use #FF69B4 as a bold, attention-grabbing primary color for calls to action or key brand elements.

secondary

Apply #1E90FF for a strong, balancing secondary role, suitable for navigation or important sections.

accent

Employ #FFD700 to add a cheerful, bright highlight, drawing attention to icons or interactive elements.

background

Utilize #ADFF2F for energetic background sections or graphic overlays, ensuring good text contrast.

text

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

Accessibility notes

  • Ensure sufficient contrast between #ADFF2F and #FFD700 if used for text or interactive elements.
  • Verify text legibility when placed on vibrant backgrounds like #FF69B4 or #1E90FF.
  • Consider providing alternative visual cues for information conveyed solely by color.
  • Use a robust color contrast checker for all text and interactive elements to meet WCAG guidelines.

Recommended combinations

Energetic Duo

Creates a highly dynamic and modern feel, perfect for digital interfaces or event branding.

#FF69B4 · #1E90FF · #FFD700

Fresh & Sweet

Ideal for a fresh, joyful, and vibrant design, like summer promotions or playful illustrations.

#ADFF2F · #FFA07A · #FF69B4

Bold Contrast

Suitable for creating depth and visual interest, especially in headers or feature sections.

#1E90FF · #FFD700 · #ADFF2F

CSS variables

:root {
  --playful-candy-store-1: #FF69B4;
  --playful-candy-store-2: #FFA07A;
  --playful-candy-store-3: #FFD700;
  --playful-candy-store-4: #ADFF2F;
  --playful-candy-store-5: #1E90FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "playful-candy-store": {
        1: "#FF69B4",
        2: "#FFA07A",
        3: "#FFD700",
        4: "#ADFF2F",
        5: "#1E90FF",
      }
    }
  }
}

Related searches

vibrant candy palettebright fun colorscheerful branding designkids party themessweet shop website colors

Palette colors

Hex values

Color 1#FF69B4
·
Color 2#FFA07A
·
Color 3#FFD700
·
Color 4#ADFF2F
·
Color 5#1E90FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.9:1Fail
2.2:1Fail
1.2:1Fail
2
1.3:1Fail
1.4:1Fail
1.6:1Fail
1.6:1Fail
3
1.9:1Fail
1.4:1Fail
1.1:1Fail
2.3:1Fail
4
2.2:1Fail
1.6:1Fail
1.1:1Fail
2.6:1Fail
5
1.2:1Fail
1.6:1Fail
2.3:1Fail
2.6:1Fail

Similar palettes

More like Playful Candy Store

View all vibrant
Candy Carnival Swirl
Candy Rainbow Burst
Bright Carnival Swirl
Bubblegum Pop
Bubblegum Pop Burst
Candy Block Fun