Back to palettes

Palette

Lollipop Dreams Swirl

A sugary sweet collection of light, airy pastels evoking the joyful whimsy of a candy shop.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F9A7B0#D7BDE2#A8DCD9#FFD2D2#FFC0CB

Palette guide

How to use Lollipop Dreams Swirl

Overview

The 'Lollipop Dreams Swirl' palette offers a sugary sweet collection of light, airy pastels, evoking the joyful whimsy of a candy shop. Featuring a soft coral pink #F9A7B0, a gentle lavender #D7BDE2, a refreshing pastel teal #A8DCD9, a delicate light pink #FFD2D2, and a classic baby pink #FFC0CB, this palette is perfect for creating playful, cheerful, and charming designs. Designers can leverage these 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

  • Children's toy brand websites
  • Sweet shop or bakery branding
  • Feminine beauty product packaging
  • Party planning or event invitations
  • Creative social media graphics
  • Playful mobile game interfaces

Suggested color roles

primary

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

secondary

#D7BDE2 - A gentle lavender, perfect for secondary backgrounds, subtle patterns, or inactive UI elements, adding a dreamy touch.

accent

#A8DCD9 - A refreshing pastel teal, highly effective for calls-to-action, key icons, or decorative elements that need a pop of vibrant contrast.

background

#FFD2D2 - A very light, delicate pink, serving as a versatile backdrop for content, offering a soft, airy feel.

text

#FFC0CB - A classic baby 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.
  • #FFC0CB on #F9A7B0 or #FFD2D2 will have very poor contrast; avoid this combination for 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

Sweet Dream

Creates a soft, dreamy foundation for backgrounds and subtle layered elements.

#F9A7B0 · #D7BDE2 · #FFD2D2

Playful Pop

Ideal for adding playful accents, highlights, and cheerful UI elements.

#FFD2D2 · #A8DCD9 · #FFC0CB

Whimsical Contrast

Provides a gentle yet distinct contrast for headers, illustrations, and decorative graphics.

#F9A7B0 · #A8DCD9 · #D7BDE2

CSS variables

:root {
  --lollipop-dreams-swirl-1: #F9A7B0;
  --lollipop-dreams-swirl-2: #D7BDE2;
  --lollipop-dreams-swirl-3: #A8DCD9;
  --lollipop-dreams-swirl-4: #FFD2D2;
  --lollipop-dreams-swirl-5: #FFC0CB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "lollipop-dreams-swirl": {
        1: "#F9A7B0",
        2: "#D7BDE2",
        3: "#A8DCD9",
        4: "#FFD2D2",
        5: "#FFC0CB",
      }
    }
  }
}

Related searches

pastel candy color palettewhimsical ui colorssweet pink lavender tealplayful web design pastelsdreamy color scheme

Palette colors

Hex values

Color 1#F9A7B0
·
Color 2#D7BDE2
·
Color 3#A8DCD9
·
Color 4#FFD2D2
·
Color 5#FFC0CB
·

Accessibility

Contrast checker

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

Similar palettes

More like Lollipop Dreams Swirl

View all pastel
Candy Cloud Fluff
Candy Floss Cloud
Candy Floss Serenade
Candy Floss Swirl
Candy Shop Whimsy
Candy Shop Whimsy