Back to palettes

Palette

Pastel Candy Swirl

A delightful mix of sugary hues, reminiscent of fluffy marshmallows and light-as-air confections.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Pastel Candy 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 Pastel Candy Swirl.

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

Data visualization

#FFC0CB#ADD8E6#90EE90#FFFACD#F0F8FF

Palette guide

How to use Pastel Candy Swirl

Overview

The Pastel Candy Swirl palette offers a delightful mix of sugary hues, reminiscent of fluffy marshmallows and light-as-air confections. Featuring #FFC0CB (pink), #ADD8E6 (light blue), #90EE90 (light green), #FFFACD (creamy yellow), and #F0F8FF (alice blue), this collection is perfect for designers and developers aiming for a playful, sweet, and cheerful aesthetic. Its light and airy nature creates a sense of innocence and joy, making it ideal for projects that require a lighthearted and inviting touch without being overly intense. It's a truly charming and versatile pastel selection.

Best used for

  • Children's party themes and decorations
  • Dessert blog or recipe website design
  • Playful product packaging and branding
  • Social media graphics for sweet treats
  • Baby shower decor and invitations
  • Lighthearted educational materials

Suggested color roles

primary

Utilize #FFC0CB as a universally appealing sweet base, creating an inviting and soft primary for your design.

secondary

Employ #ADD8E6 to provide a cool, balancing tone, perfect for complementary sections or backgrounds.

accent

Apply #90EE90 for a fresh and cheerful highlight, ideal for calls to action, icons, or playful graphics.

background

Use #F0F8FF as a very light, airy, and clean background, providing a pristine canvas for your content.

text

For optimal readability, use a dark grey text, such as #444444, or a deep plum for strong contrast against these pastels.

Accessibility notes

  • #F0F8FF and #FFFACD are very light; text on these backgrounds needs high contrast (e.g., black or dark charcoal).
  • Ensure sufficient contrast for interactive elements against their backgrounds, possibly with darker borders or hover states.
  • Avoid using light pastels for small or thin text to prevent legibility issues, especially for body copy.
  • Consider using a darker variant of a palette color for text, or a neutral dark grey for consistent readability.

Recommended combinations

Swirl UI

Design a cheerful user interface: #F0F8FF for the background, #ADD8E6 for card elements, and #FFC0CB for playful buttons.

#F0F8FF · #ADD8E6 · #FFC0CB

Cheerful Layout

Create a sweet layout: #FFFACD for a prominent header, #90EE90 for an icon, and #ADD8E6 for a sub-element or decorative line.

#FFFACD · #90EE90 · #ADD8E6

Sweet Gradient

Combine these for a soft, airy background gradient in banners or hero sections, adding a touch of whimsy.

#FFC0CB · #ADD8E6 · #FFFACD

CSS variables

:root {
  --pastel-candy-swirl-2-1: #FFC0CB;
  --pastel-candy-swirl-2-2: #ADD8E6;
  --pastel-candy-swirl-2-3: #90EE90;
  --pastel-candy-swirl-2-4: #FFFACD;
  --pastel-candy-swirl-2-5: #F0F8FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pastel-candy-swirl-2": {
        1: "#FFC0CB",
        2: "#ADD8E6",
        3: "#90EE90",
        4: "#FFFACD",
        5: "#F0F8FF",
      }
    }
  }
}

Related searches

pastel marshmallow colorssweet candy swirl palettecheerful light pastelssoft confection huesplayful dessert design

Palette colors

Hex values

Color 1#FFC0CB
·
Color 2#ADD8E6
·
Color 3#90EE90
·
Color 4#FFFACD
·
Color 5#F0F8FF
·

Accessibility

Contrast checker

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

Similar palettes

More like Pastel Candy Swirl

View all pastel
Candy Floss Serenade
Candy Floss Swirl
Candy Shop Whimsy
Macaron Tower Pastel
Pastel Gummy Drop
Sugared Cloud Pastels