Back to palettes

Palette

Sweet Confection Delight

A joyful mix of sugary shades, reminiscent of a whimsical candy store brimming with colorful treats.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sweet Confection Delight 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 Confection Delight.

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

Data visualization

#FFC0CB#FFD700#98FB98#87CEFA#BA55D3

Palette guide

How to use Sweet Confection Delight

Overview

The Sweet Confection Delight palette is a joyful mix of sugary shades, reminiscent of a whimsical candy store brimming with colorful treats. This vibrant collection includes a soft light pink (#FFC0CB), a radiant gold (#FFD700), a fresh mint green (#98FB98), a serene light sky blue (#87CEFA), and a rich medium orchid (#BA55D3). It's perfectly suited for designers and developers aiming to create playful, bright, and engaging experiences that evoke happiness. Utilizing these exact hex codes ensures your projects consistently capture the lively, sugary essence of confectionary delight, bringing a burst of color and fun to any application.

Best used for

  • Candy store and bakery branding
  • Children's party invitations and decor
  • Playful app interfaces and digital games
  • Vibrant event posters and marketing
  • Creative product packaging for sweets
  • Festive web banners and social media graphics

Suggested color roles

primary

Use #BA55D3 as the main brand color, for bold call-to-action buttons, or prominent headlines to create a strong, playful impact.

secondary

Apply #FFD700 for energetic highlights, key information, or as a vibrant background for sections needing a cheerful lift.

accent

Utilize #98FB98 for subtle contrasts, decorative elements, or to provide a refreshing balance to the warmer tones.

background

Employ #FFC0CB for soft content areas or as a welcoming base for backgrounds, allowing brighter colors to truly pop.

text

Black or dark grey is recommended for text on lighter colors like #FFC0CB, #FFD700, and #98FB98. White text provides excellent contrast on #BA55D3 and #87CEFA.

Accessibility notes

  • Colors like #FFD700, #FFC0CB, and #98FB98 require dark text for optimal readability and accessibility.
  • Ensure sufficient contrast when using #BA55D3 or #87CEFA for text, especially when paired with white or very light text.
  • Avoid using light colors for small or critical text elements to prevent readability issues.
  • Check contrast ratios for all interactive elements to ensure they are easily distinguishable for all users.

Recommended combinations

Candy Pop

Ideal for creating dynamic, eye-catching headers or vibrant call-to-action elements in digital marketing.

#BA55D3 · #FFD700 · #87CEFA

Sugary Dream

Perfect for backgrounds or illustrations that convey a sense of whimsical sweetness and gentle charm.

#FFC0CB · #98FB98 · #BA55D3

Bright Play

Use for playful interfaces or decorative accents where a bright yet balanced aesthetic is desired.

#FFD700 · #87CEFA · #FFC0CB

CSS variables

:root {
  --sweet-confection-delight-1: #FFC0CB;
  --sweet-confection-delight-2: #FFD700;
  --sweet-confection-delight-3: #98FB98;
  --sweet-confection-delight-4: #87CEFA;
  --sweet-confection-delight-5: #BA55D3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sweet-confection-delight": {
        1: "#FFC0CB",
        2: "#FFD700",
        3: "#98FB98",
        4: "#87CEFA",
        5: "#BA55D3",
      }
    }
  }
}

Related searches

playful candy palettesweet shop colorsvibrant confection schemebright sugary designcolorful children's branding

Palette colors

Hex values

Color 1#FFC0CB
·
Color 2#FFD700
·
Color 3#98FB98
·
Color 4#87CEFA
·
Color 5#BA55D3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.2:1Fail
1.1:1Fail
2.6:1Fail
2
1.1:1Fail
1.1:1Fail
1.2:1Fail
2.8:1Fail
3
1.2:1Fail
1.1:1Fail
1.4:1Fail
3.1:1AA18
4
1.1:1Fail
1.2:1Fail
1.4:1Fail
2.3:1Fail
5
2.6:1Fail
2.8:1Fail
3.1:1AA18
2.3:1Fail

Similar palettes

More like Sweet Confection Delight

View all pastel
Candy Shop Whimsy
Confection Cloud Dream
Lollipop Swirl Parade
Lollypop Swirl Dream
Playful Candy Shop
Sweet Candy Stripe