Back to palettes

Palette

Pastel Candy Store

A sugary sweet assortment of delightful treats, soft and inviting for a joyful feel.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFD1DC#FFB6C1#ADD8E6#90EE90#F0E68C

Palette guide

How to use Pastel Candy Store

Overview

The Pastel Candy Store palette offers a sugary sweet assortment of delightful treats, soft and inviting for a joyful feel. Featuring #FFD1DC (pink), #FFB6C1 (deeper pink), #ADD8E6 (light blue), #90EE90 (light green), and #F0E68C (light yellow), this collection is perfect for designers and developers aiming for a playful, charming, and vibrant aesthetic. The diverse range of cheerful pastels creates a sense of youthful energy and warmth, making it ideal for projects that require a lighthearted and inviting touch without being overly intense. It's a truly delightful and versatile selection.

Best used for

  • Candy shop or dessert parlor branding
  • Children's book illustrations and covers
  • Playful event invitations and decor
  • Creative social media posts and campaigns
  • Toy packaging design and marketing
  • Fun, youthful website themes and blogs

Suggested color roles

primary

Utilize #FFD1DC as a quintessential sweet and inviting primary, forming a warm and playful base for your design.

secondary

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

accent

Apply #90EE90 for a fresh and unexpected pop, ideal for calls to action, crucial highlights, or playful graphics.

background

Use #F0E68C as a warm, cheerful background, creating a sunny canvas that enhances other palette colors.

text

For optimal readability, use a dark brown text, such as #442200, or a deep purple for excellent contrast against these pastels.

Accessibility notes

  • #F0E68C and #90EE90 are quite light; ensure very dark text is used on them for sufficient contrast.
  • Avoid using #FFD1DC and #FFB6C1 for elements that require strong visual distinction without additional cues.
  • Contrast between text and background should be thoroughly checked for all combinations to meet accessibility standards.
  • Interactive elements might benefit from a darker border or subtle shadow for clarity and user feedback.

Recommended combinations

Sweet UI

Design a sweet user interface: #F0E68C for the background, #ADD8E6 for card elements, and #90EE90 for playful buttons.

#F0E68C · #ADD8E6 · #90EE90

Playful Layout

Create a playful section: #FFD1DC for a prominent header, #FFB6C1 for a sub-header, and #ADD8E6 for a decorative element.

#FFD1DC · #FFB6C1 · #ADD8E6

Vibrant Pop

Combine these for a cheerful, energetic combination in banners or infographics, adding a lively touch.

#FFD1DC · #90EE90 · #ADD8E6

CSS variables

:root {
  --pastel-candy-store-1: #FFD1DC;
  --pastel-candy-store-2: #FFB6C1;
  --pastel-candy-store-3: #ADD8E6;
  --pastel-candy-store-4: #90EE90;
  --pastel-candy-store-5: #F0E68C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pastel-candy-store": {
        1: "#FFD1DC",
        2: "#FFB6C1",
        3: "#ADD8E6",
        4: "#90EE90",
        5: "#F0E68C",
      }
    }
  }
}

Related searches

sweet pastel color schemecandy shop aestheticjoyful light paletteplayful kids colorscharming confectionery design

Palette colors

Hex values

Color 1#FFD1DC
·
Color 2#FFB6C1
·
Color 3#ADD8E6
·
Color 4#90EE90
·
Color 5#F0E68C
·

Accessibility

Contrast checker

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

Similar palettes

More like Pastel Candy Store

View all pastel
Macaron Cloud Dream
Macaron Sugar Bloom
Macaron Tower Blush
Macaron Whisper Soft
Parisian Macaron Blush
Parisian Patisserie Treat