Palette

Sweetie Drop Mix

A sugary sweet assortment of light, cheerful colors, reminiscent of a whimsical candy shop.

pastelplayful5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sweetie Drop Mix 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 Sweetie Drop Mix.

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

Data visualization

#FFB6C1#FFFF99#ADD8E6#90EE90#E6E6FA

Palette guide

How to use Sweetie Drop Mix

Overview

The Sweetie Drop Mix palette is a sugary sweet assortment of light, cheerful colors, perfectly reminiscent of a whimsical candy shop. Featuring a delightful #FFB6C1, sunny #FFFF99, a calming #ADD8E6, a vibrant #90EE90, and a soft #E6E6FA, this collection is incredibly useful for designers and developers seeking a playful, approachable, and brightly optimistic aesthetic. These hues are excellent for creating engaging user experiences, charming branding, or lively digital content that evokes joy and lightheartedness. It's a versatile mix that promises to bring a fresh, youthful energy to any creative project, making it instantly appealing and memorable.

Best used for

Children's educational apps and games
Party supplies and event branding
Playful and approachable brand identities
Whimsical animation and character design
Sweet shop or confectionery marketing
Lighthearted social media campaigns

Suggested color roles

primary

Adopt #FFB6C1 as a warm, inviting primary color for main sections, backgrounds, or key branding elements, conveying a gentle playfulness.

secondary

Utilize #ADD8E6 for secondary content blocks, navigation, or as a calming counterpoint, adding an airy, serene quality.

accent

Deploy #FFFF99 for bright accents, calls to action, or interactive elements that need to pop with cheerful energy and visibility.

background

The soft #E6E6FA makes an ideal light background, providing a clean, ethereal canvas that allows other vibrant colors to shine without competition.

text

A rich charcoal or dark navy offers excellent readability and maintains the palette's approachable feel, especially on lighter backgrounds.

Accessibility notes

Ensure sufficient contrast between light text and background colors like #E6E6FA, #FFFF99, and #ADD8E6 for optimal readability.
Avoid placing light text on #FFFF99 or #90EE90 without careful contrast checking, as these can be challenging for accessibility.
Consider using a darker shade from the palette or black for essential text elements against the lighter colors.
Interactive elements should have clear visual indicators beyond just color to ensure usability for all users.

Recommended combinations

Candy Pop

Excellent for creating cheerful headers, highlight boxes, or graphic elements that need to feel vibrant and fun.

#FFB6C1 · #FFFF99 · #ADD8E6

Whimsical Blend

Ideal for soft backgrounds, illustrations, or content areas that require a gentle, harmonious, and ethereal feel.

#E6E6FA · #ADD8E6 · #90EE90

Sweet Contrast

Use this combination for dynamic call-to-action buttons, interactive elements, or sections that demand a lively, playful distinction.

#FFB6C1 · #90EE90 · #FFFF99

CSS variables

:root {
  --sweetie-drop-mix-1: #FFB6C1;
  --sweetie-drop-mix-2: #FFFF99;
  --sweetie-drop-mix-3: #ADD8E6;
  --sweetie-drop-mix-4: #90EE90;
  --sweetie-drop-mix-5: #E6E6FA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sweetie-drop-mix": {
        1: "#FFB6C1",
        2: "#FFFF99",
        3: "#ADD8E6",
        4: "#90EE90",
        5: "#E6E6FA",
      }
    }
  }
}

Hex values

Color 1#FFB6C1

Color 2#FFFF99

Color 3#ADD8E6

Color 4#90EE90

Color 5#E6E6FA

Accessibility

Contrast checker

1.6:1Fail

1.1:1Fail

1.2:1Fail

1.3:1Fail

1.6:1Fail

1.5:1Fail

1.4:1Fail

1.2:1Fail

1.1:1Fail

1.5:1Fail

1.1:1Fail

1.2:1Fail

1.4:1Fail

1.1:1Fail

1.2:1Fail

1.3:1Fail

1.2:1Fail

Similar palettes

More like Sweetie Drop Mix

Sweetie Drop Mix

See it in context.

Ready when you are.

Built with Sweetie Drop Mix.

How to use Sweetie Drop Mix

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Candy Pop

Whimsical Blend

Sweet Contrast

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Sweetie Drop Mix