Palette

Sweet Shop Candy

A riot of bright, happy colors, just like the tempting array in a traditional sweet shop, full of fun.

vibrantplayful5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sweet Shop Candy 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 Sweet Shop Candy.

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

Data visualization

#FF007F#FFD1DC#00BFFF#FFFF00#9932CC

Palette guide

How to use Sweet Shop Candy

Overview

The Sweet Shop Candy palette is a riot of vibrant, playful colors, perfectly capturing the joyful and tempting atmosphere of a traditional candy store. Featuring a bold fuchsia (#FF007F), a soft baby pink (#FFD1DC), a bright deep sky blue (#00BFFF), a sunny yellow (#FFFF00), and a rich dark orchid (#9932CC), this collection is bursting with energy. Designers can leverage these exciting hues to create fun, energetic, and memorable visuals. Developers will find this palette excellent for projects aimed at children, playful brands, entertainment platforms, or any context requiring a strong sense of fun, whimsy, and youthful appeal.

Best used for

Children's toy and apparel branding
Playful app interfaces
Event planning for parties
Sweet treat packaging design
Creative agency branding
Digital illustrations and animations

Suggested color roles

primary

Use #FF007F as a bold and playful primary, ideal for captivating headlines, key branding elements, or energetic calls to action.

secondary

Apply #00BFFF as a vibrant secondary, offering a cool contrast and perfect for navigation, interactive elements, or graphic accents.

accent

Introduce #FFFF00 as a cheerful accent, drawing immediate attention to highlights, warnings, or playful graphical details.

background

Employ #FFD1DC as a soft, sweet background, providing a gentle canvas that allows the bolder colors to pop without overwhelming.

text

Opt for a dark charcoal or black, such as #333333, for maximum readability against the bright and light background colors.

Accessibility notes

Extreme caution is needed when pairing #FFFF00 (yellow) with light backgrounds, or #FFD1DC (pink) with other light colors, as contrast will be low.
Ensure text in #FF007F or #9932CC has sufficient contrast against its background; typically, a light background is required.
The bright primary colors can be overwhelming; use them judiciously and balance with the softer pink (#FFD1DC) for visual relief.
For users with color vision deficiencies, avoid relying solely on color to convey information, especially with the close vibrancy of #FF007F and #9932CC.

Recommended combinations

Candy Pop

Ideal for energetic branding, children's interfaces, or designs needing a high-impact, fun, and playful feel.

#FF007F · #00BFFF · #FFFF00

Sweet Dream

Excellent for softer backgrounds, delicate illustrations, or to add a whimsical and dreamy touch to designs.

#FFD1DC · #9932CC · #FF007F

Bright Burst

Perfect for interactive elements, calls to action, or to create vibrant graphic patterns that demand attention.

#FFFF00 · #00BFFF · #9932CC

CSS variables

:root {
  --sweet-shop-candy-1: #FF007F;
  --sweet-shop-candy-2: #FFD1DC;
  --sweet-shop-candy-3: #00BFFF;
  --sweet-shop-candy-4: #FFFF00;
  --sweet-shop-candy-5: #9932CC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sweet-shop-candy": {
        1: "#FF007F",
        2: "#FFD1DC",
        3: "#00BFFF",
        4: "#FFFF00",
        5: "#9932CC",
      }
    }
  }
}

Hex values

Color 1#FF007F

Color 2#FFD1DC

Color 3#00BFFF

Color 4#FFFF00

Color 5#9932CC

Accessibility

Contrast checker

2.8:1Fail

1.8:1Fail

3.5:1AA18

1.5:1Fail

2.8:1Fail

1.6:1Fail

1.3:1Fail

4.2:1AA18

1.8:1Fail

1.6:1Fail

2:1Fail

2.7:1Fail

3.5:1AA18

1.3:1Fail

2:1Fail

5.3:1AA

1.5:1Fail

4.2:1AA18

2.7:1Fail

5.3:1AA

Similar palettes

More like Sweet Shop Candy

View all vibrant

Confectionery Delight

Cotton Candy Carousel

Gumball Machine Frenzy

Gumball Machine Gleam

Gummy Bear Blast

Jelly Bean Jamboree