Back to palettes

Palette

Playful Candy Stripes

A cheerful and sweet cascade of vivid pinks, inspired by the delightful patterns of candy stripes.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFDDEE#FFBBDD#FF99CC#FF66AA#FF3388

Palette guide

How to use Playful Candy Stripes

Overview

The Playful Candy Stripes palette offers a cheerful and sweet cascade of vivid pinks, inspired by delightful candy patterns. This monochromatic collection features #FFDDEE (Very Light Pink), #FFBBDD (Pale Pink), #FF99CC (Light Pink), #FF66AA (Medium Pink), and #FF3388 (Deep Pink). It's an ideal choice for designers and developers aiming to create a soft, feminine, yet playful and inviting aesthetic. The subtle variations within the pink family provide depth and sophistication, making it versatile for applications from delicate branding to vibrant digital illustrations, evoking warmth and charm.

Best used for

  • Feminine product branding and packaging
  • Romantic or sweet-themed stationery
  • Fashion accessories and beauty blogs
  • Confectionery art and dessert displays
  • Baby girl nursery decor and products
  • Delicate and elegant website designs

Suggested color roles

primary

Use #FF3388 as a bold, striking primary color for brand logos or key calls to action.

secondary

Apply #FF66AA for supportive elements, subheadings, or as a softer accent.

accent

Employ #FF99CC sparingly for gentle highlights, delicate patterns, or subtle interactive states.

background

Utilize #FFDDEE as a very light, airy background, providing a soft and clean base.

text

For body text, use a dark charcoal (e.g., #444444). #FFBBDD can be used for very subtle decorative text or ghost buttons.

Accessibility notes

  • Carefully check contrast for text on lighter pink backgrounds like #FFDDEE and #FFBBDD.
  • Ensure interactive elements have sufficient contrast to be easily distinguishable, avoiding reliance on subtle shade differences.
  • Use larger font sizes for text in lighter shades to improve readability.
  • Avoid using too many similar light pinks for critical information, as differentiation might be difficult.

Recommended combinations

Gradient Pink

Ideal for creating smooth color transitions, backgrounds, or visual depth in graphic elements.

#FF3388 · #FF66AA · #FF99CC

Soft & Sweet

Creates a gentle, harmonious feel, perfect for serene backgrounds or delicate branding.

#FFDDEE · #FFBBDD · #FF66AA

Pop of Pink

Suitable for adding a playful accent or highlighting key information against a softer base.

#FF99CC · #FF3388 · #FFBBDD

CSS variables

:root {
  --playful-candy-stripes-1: #FFDDEE;
  --playful-candy-stripes-2: #FFBBDD;
  --playful-candy-stripes-3: #FF99CC;
  --playful-candy-stripes-4: #FF66AA;
  --playful-candy-stripes-5: #FF3388;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "playful-candy-stripes": {
        1: "#FFDDEE",
        2: "#FFBBDD",
        3: "#FF99CC",
        4: "#FF66AA",
        5: "#FF3388",
      }
    }
  }
}

Related searches

pink candy color palettemonochromatic pink schemefeminine branding colorssweet stripes designdelicate pinks palette

Palette colors

Hex values

Color 1#FFDDEE
·
Color 2#FFBBDD
·
Color 3#FF99CC
·
Color 4#FF66AA
·
Color 5#FF3388
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.6:1Fail
2.2:1Fail
2.8:1Fail
2
1.3:1Fail
1.3:1Fail
1.7:1Fail
2.2:1Fail
3
1.6:1Fail
1.3:1Fail
1.4:1Fail
1.8:1Fail
4
2.2:1Fail
1.7:1Fail
1.4:1Fail
1.3:1Fail
5
2.8:1Fail
2.2:1Fail
1.8:1Fail
1.3:1Fail

Similar palettes

More like Playful Candy Stripes

View all vibrant
Sweet Bubblegum Burst
Bubblegum Pop Blast
Bubblegum Pop Zing
Gumball Machine Gleam
Gummy Bear Blast
Jelly Bean Jamboree