Back to palettes

Palette

Sweet Candy Stripe

A delightful mix of soft, cheerful pastels, like a charming array of sweet shop candies.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFC0CB#FF69B4#ADD8E6#FFD700#98FB98

Palette guide

How to use Sweet Candy Stripe

Overview

The Sweet Candy Stripe palette is a delightful mix of soft, cheerful pastels that evoke the charm of a whimsical sweet shop. Featuring a gentle light pink (#FFC0CB), a vibrant hot pink (#FF69B4), a serene light blue (#ADD8E6), a radiant gold (#FFD700), and a fresh mint green (#98FB98), this collection offers a playful yet sophisticated range. It's ideal for designers and developers seeking to create engaging, sweet, and visually appealing experiences. Leverage these exact hex codes to ensure your projects capture the joyful, colorful essence of a classic candy stripe, bringing warmth and fun to any design.

Best used for

  • Sweet shop and confectionery branding
  • Party supplies and event invitations
  • Children's apparel and accessories
  • Playful and inviting web design
  • Toy packaging and marketing
  • Craft and scrapbooking materials

Suggested color roles

primary

Employ #FF69B4 for main brand elements, prominent call-to-action buttons, or key headings to convey energy and fun.

secondary

Use #ADD8E6 for complementary backgrounds, secondary information, or as a calming contrast to the brighter hues.

accent

Highlight important details, interactive elements, or decorative flourishes with #FFD700 to add a touch of sparkle and warmth.

background

Apply #FFC0CB as a soft, welcoming base for content areas, creating an airy and gentle backdrop for other colors to stand out.

text

For optimal readability, use dark grey or black for most text. White text works well on darker colors like #FF69B4, ensuring good contrast.

Accessibility notes

  • Ensure sufficient contrast for text, especially with #FFD700 or #FFC0CB; these require dark text for readability.
  • Avoid using #FFC0CB and #ADD8E6 for text and background pairings of critical content due to low contrast.
  • Check contrast ratios for all interactive elements to ensure they are easily distinguishable for all users.
  • Consider using larger font sizes when text is placed on lighter pastel backgrounds like #98FB98.

Recommended combinations

Classic Stripe

Perfect for creating a traditional candy stripe pattern or a cheerful, balanced layout.

#FFC0CB · #FF69B4 · #ADD8E6

Golden Treat

Ideal for highlighting special offers, premium products, or festive accents in marketing materials.

#FFD700 · #98FB98 · #FF69B4

Soft & Bright

Use for a gentle yet uplifting design, suitable for backgrounds with playful UI elements.

#ADD8E6 · #FFC0CB · #FFD700

CSS variables

:root {
  --sweet-candy-stripe-1: #FFC0CB;
  --sweet-candy-stripe-2: #FF69B4;
  --sweet-candy-stripe-3: #ADD8E6;
  --sweet-candy-stripe-4: #FFD700;
  --sweet-candy-stripe-5: #98FB98;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sweet-candy-stripe": {
        1: "#FFC0CB",
        2: "#FF69B4",
        3: "#ADD8E6",
        4: "#FFD700",
        5: "#98FB98",
      }
    }
  }
}

Related searches

candy shop color palettesweet pastel stripescheerful playful schemebright kid-friendly colorslight pink blue yellow palette

Palette colors

Hex values

Color 1#FFC0CB
·
Color 2#FF69B4
·
Color 3#ADD8E6
·
Color 4#FFD700
·
Color 5#98FB98
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
1:1Fail
1.1:1Fail
1.2:1Fail
2
1.7:1Fail
1.7:1Fail
1.9:1Fail
2.1:1Fail
3
1:1Fail
1.7:1Fail
1.1:1Fail
1.2:1Fail
4
1.1:1Fail
1.9:1Fail
1.1:1Fail
1.1:1Fail
5
1.2:1Fail
2.1:1Fail
1.2:1Fail
1.1:1Fail

Similar palettes

More like Sweet Candy Stripe

View all pastel
Candy Shop Whimsy
Lollipop Swirl Parade
Lollypop Swirl Dream
Sweet Confection Delight
Sweet Shop Candy
Sweet Tart Sugar