Back to palettes

Palette

Lollypop Swirl Dream

A sugary, swirling array of cheerful pastels, like a giant, fantastical lollypop.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Lollypop Swirl 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 Lollypop Swirl Dream.

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

Data visualization

#FFC0CB#FFA07A#FFFF00#00FFFF#BA55D3

Palette guide

How to use Lollypop Swirl Dream

Overview

The Lollypop Swirl Dream palette is a delightful collection of cheerful pastels, designed to evoke a sense of playfulness and joy. Featuring a soft pink (#FFC0CB), a warm orange (#FFA07A), a bright yellow (#FFFF00), a lively cyan (#00FFFF), and a whimsical purple (#BA55D3), this palette is perfect for designers and developers aiming to create vibrant, energetic, and sweet visual experiences. Its sugary tones are reminiscent of candy and fantastical dreams, making it an excellent choice for projects that need a lighthearted and engaging feel. The distinct hues offer ample contrast while maintaining a cohesive, joyful aesthetic.

Best used for

  • Children's brands and products
  • Playful UI/UX designs and mobile apps
  • Event invitations (birthdays, parties)
  • Digital art and illustrations
  • Fashion and accessories for a youthful audience
  • Creative marketing campaigns

Suggested color roles

primary

Use #FFC0CB as a soft, welcoming base for backgrounds or large content blocks, establishing a gentle, approachable feel.

secondary

Employ #FFA07A for energetic sections, calls-to-action, or secondary elements to add warmth and a lively touch.

accent

Apply #FFFF00 or #00FFFF for bright, eye-catching accents, highlighting key information or interactive elements with a pop of vibrancy.

background

Utilize #FFC0CB for a light, airy background, or #E0F2F7 (a near-white) to allow the vibrant colors to truly stand out.

text

For optimal readability, use a dark neutral like #333333 or a deep shade of #BA55D3 for headings and important text on lighter backgrounds.

Accessibility notes

  • Ensure sufficient contrast between text and background, especially when using lighter pastels like #FFC0CB and #FFA07A.
  • Avoid using #FFFF00 for small text; it often lacks sufficient contrast with light backgrounds.
  • Test color combinations for readability, especially for users with color vision deficiencies.
  • Provide alternative visual cues beyond color alone for interactive elements or critical information.

Recommended combinations

Sweet Dreams

Creates a dreamy, whimsical atmosphere, ideal for fantasy or soft feminine designs.

#FFC0CB · #BA55D3 · #00FFFF

Candy Pop

A high-energy, playful combination perfect for drawing attention and conveying excitement.

#FFA07A · #FFFF00 · #BA55D3

Rainbow Swirl

Offers a balanced yet vibrant mix, suitable for general playful branding and diverse content.

#FFC0CB · #FFA07A · #00FFFF

CSS variables

:root {
  --lollypop-swirl-dream-1: #FFC0CB;
  --lollypop-swirl-dream-2: #FFA07A;
  --lollypop-swirl-dream-3: #FFFF00;
  --lollypop-swirl-dream-4: #00FFFF;
  --lollypop-swirl-dream-5: #BA55D3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "lollypop-swirl-dream": {
        1: "#FFC0CB",
        2: "#FFA07A",
        3: "#FFFF00",
        4: "#00FFFF",
        5: "#BA55D3",
      }
    }
  }
}

Related searches

playful color palettecandy colors schemebright pastel designwhimsical ui colorsvibrant kids branding

Palette colors

Hex values

Color 1#FFC0CB
·
Color 2#FFA07A
·
Color 3#FFFF00
·
Color 4#00FFFF
·
Color 5#BA55D3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.4:1Fail
1.2:1Fail
2.6:1Fail
2
1.3:1Fail
1.9:1Fail
1.6:1Fail
2:1Fail
3
1.4:1Fail
1.9:1Fail
1.2:1Fail
3.7:1AA18
4
1.2:1Fail
1.6:1Fail
1.2:1Fail
3.1:1AA18
5
2.6:1Fail
2:1Fail
3.7:1AA18
3.1:1AA18

Similar palettes

More like Lollypop Swirl Dream

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