Back to palettes

Palette

Lollipop Swirl Parade

A cheerful and sugary collection, just like a vibrant parade of swirled lollipops and sweet treats.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Lollipop Swirl Parade 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 Lollipop Swirl Parade.

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

Data visualization

#FFB7C5#FFE093#A5E4E3#F6ACCF#A8D9F0

Palette guide

How to use Lollipop Swirl Parade

Overview

The 'Lollipop Swirl Parade' palette is a cheerful and sugary collection, just like a vibrant parade of swirled lollipops and sweet treats. Featuring a soft rose pink #FFB7C5, a sunny pastel yellow #FFE093, a serene light teal #A5E4E3, a delicate fuchsia-pink #F6ACCF, and a clear sky blue #A8D9F0, this palette is perfect for creating joyful, playful, and charming designs. Designers can leverage these inviting shades to infuse projects with a lighthearted and sweet aesthetic, while developers will find them ideal for building vibrant, engaging interfaces that appeal to a fun-loving audience across web and mobile platforms.

Best used for

  • Baby and children's product marketing
  • Dessert shop or ice cream parlor branding
  • Craft and DIY project websites
  • Youth fashion and accessories
  • Event invitations for celebrations
  • Interactive storytelling apps

Suggested color roles

primary

#FFB7C5 - A soft, inviting rose pink, excellent as a primary background or for large playful elements, creating a warm, sweet base.

secondary

#FFE093 - A sunny pastel yellow, perfect for secondary backgrounds, subtle patterns, or inactive UI elements, adding a cheerful touch.

accent

#A5E4E3 - A serene light teal, highly effective for calls-to-action, key icons, or decorative elements that need a cool, refreshing pop.

background

#A8D9F0 - A clear sky blue, serving as a versatile backdrop for content, offering a refreshing and playful base.

text

#F6ACCF - A delicate fuchsia-pink, suitable for large headings or decorative text. For body text, use a dark grey or black for optimal readability, as pastels have low contrast.

Accessibility notes

  • Pastel colors generally have low contrast; use a dark grey or black for all essential text on these backgrounds.
  • #F6ACCF on #FFB7C5 or #FFE093 will have very poor contrast; avoid this combination for essential text.
  • Ensure interactive elements (buttons, links) use one of the darker palette colors or a highly contrasting neutral for clarity.
  • For visual interest without contrast issues, use these pastels for large blocks of color, illustrations, or non-textual elements.

Recommended combinations

Cheerful Base

Creates a bright, inviting foundation for backgrounds and main content areas.

#FFB7C5 · #FFE093 · #A8D9F0

Playful Accents

Ideal for adding pops of color, interactive elements, and cheerful graphic details.

#A5E4E3 · #F6ACCF · #FFE093

Sweet Harmony

Provides a balanced yet lively mix for sections, illustrations, and playful content blocks.

#FFB7C5 · #A8D9F0 · #F6ACCF

CSS variables

:root {
  --lollipop-swirl-parade-1: #FFB7C5;
  --lollipop-swirl-parade-2: #FFE093;
  --lollipop-swirl-parade-3: #A5E4E3;
  --lollipop-swirl-parade-4: #F6ACCF;
  --lollipop-swirl-parade-5: #A8D9F0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "lollipop-swirl-parade": {
        1: "#FFB7C5",
        2: "#FFE093",
        3: "#A5E4E3",
        4: "#F6ACCF",
        5: "#A8D9F0",
      }
    }
  }
}

Related searches

pastel parade color schemesweet childhood paletteplayful light colorscandy inspired web designcheerful pastel ui

Palette colors

Hex values

Color 1#FFB7C5
·
Color 2#FFE093
·
Color 3#A5E4E3
·
Color 4#F6ACCF
·
Color 5#A8D9F0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.2:1Fail
1.1:1Fail
1.1:1Fail
2
1.3:1Fail
1.1:1Fail
1.4:1Fail
1.2:1Fail
3
1.2:1Fail
1.1:1Fail
1.3:1Fail
1.1:1Fail
4
1.1:1Fail
1.4:1Fail
1.3:1Fail
1.2:1Fail
5
1.1:1Fail
1.2:1Fail
1.1:1Fail
1.2:1Fail

Similar palettes

More like Lollipop Swirl Parade

View all pastel
Candy Shop Whimsy
Jolly Confectionery Dream
Lollypop Swirl Dream
Sweet Candy Stripe
Sweet Confection Delight
Sweet Shop Candy