Back to palettes

Palette

Jolly Confectionery Dream

A cheerful mix of pastel hues, bringing to mind delightful sugary treats and whimsical candy shops.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Jolly Confectionery Dream 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 Jolly Confectionery Dream.

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

Data visualization

#FFC0CB#98FB98#ADD8E6#FFFFE0#DA70D6

Palette guide

How to use Jolly Confectionery Dream

Overview

The Jolly Confectionery Dream palette offers a delightful array of pastel hues, perfect for evoking a sense of sweetness and whimsy. Featuring a soft pink (#FFC0CB), a refreshing mint green (#98FB98), a gentle sky blue (#ADD8E6), a creamy pale yellow (#FFFFE0), and a playful plum (#DA70D6), this palette is ideal for projects that aim for a lighthearted and cheerful aesthetic. Designers and developers can leverage these soft tones to create welcoming and dreamlike digital or physical spaces, reminiscent of sugary treats and childhood joy, ensuring a gentle user experience.

Best used for

  • Children's product branding and packaging
  • Party invitations and event decor
  • Dessert shop or bakery websites
  • Whimsical mobile app interfaces
  • Nursery or playroom interior design
  • Soft, illustrative graphic design

Suggested color roles

primary

Use #FFC0CB (light pink) as a soft, inviting base for main sections or large elements, providing a gentle warmth.

secondary

Employ #ADD8E6 (sky blue) for secondary content areas or complementary backgrounds, adding a touch of calm.

accent

Apply #DA70D6 (plum) sparingly for playful highlights, call-to-action buttons, or decorative elements that need a pop.

background

Utilize #FFFFE0 (pale yellow) for clean, airy backgrounds, ensuring content feels light and spacious.

text

For optimal readability on light backgrounds, use a dark charcoal or near-black text. For decorative text, #DA70D6 can offer a playful contrast.

Accessibility notes

  • Many pastel colors have inherently low contrast; ensure text on lighter backgrounds meets WCAG contrast standards.
  • Pair darker shades like #DA70D6 with very light backgrounds such as #FFFFE0 for essential text.
  • Avoid placing light colors (e.g., #FFC0CB, #ADD8E6) directly next to each other if they need to be visually distinct.
  • Use a robust color contrast checker during development to verify readability across all color pairings.

Recommended combinations

Sweet Base

Ideal for soft website backgrounds, header areas, and subtle UI elements.

#FFFFE0 · #ADD8E6 · #FFC0CB

Playful Pop

Excellent for illustrations, interactive elements, or accenting key information.

#DA70D6 · #98FB98 · #FFC0CB

Dreamy Gradient

Creates gentle gradients for backgrounds, banners, or decorative overlays.

#ADD8E6 · #FFC0CB · #FFFFE0

CSS variables

:root {
  --jolly-confectionery-dream-1: #FFC0CB;
  --jolly-confectionery-dream-2: #98FB98;
  --jolly-confectionery-dream-3: #ADD8E6;
  --jolly-confectionery-dream-4: #FFFFE0;
  --jolly-confectionery-dream-5: #DA70D6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "jolly-confectionery-dream": {
        1: "#FFC0CB",
        2: "#98FB98",
        3: "#ADD8E6",
        4: "#FFFFE0",
        5: "#DA70D6",
      }
    }
  }
}

Related searches

pastel color schemesweet color palettewhimsical design colorslight pink green blue palettecandy shop color inspiration

Palette colors

Hex values

Color 1#FFC0CB
·
Color 2#98FB98
·
Color 3#ADD8E6
·
Color 4#FFFFE0
·
Color 5#DA70D6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1:1Fail
1.5:1Fail
1.9:1Fail
2
1.2:1Fail
1.2:1Fail
1.2:1Fail
2.3:1Fail
3
1:1Fail
1.2:1Fail
1.5:1Fail
1.9:1Fail
4
1.5:1Fail
1.2:1Fail
1.5:1Fail
2.8:1Fail
5
1.9:1Fail
2.3:1Fail
1.9:1Fail
2.8:1Fail

Similar palettes

More like Jolly Confectionery Dream

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