Back to palettes

Palette

Sweet Petal Candy

A delicate array of pinks, sweet and airy like spun candy petals on a warm day.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sweet Petal Candy 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 Sweet Petal Candy.

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

Data visualization

#FFB6C1#FFC0CB#FFDDE1#FFEFF2#FF82A9

Palette guide

How to use Sweet Petal Candy

Overview

The Sweet Petal Candy palette offers a delightful gradient of soft pinks, perfect for infusing designs with warmth, tenderness, and a touch of cheerful playfulness. Featuring shades from the vibrant #FF82A9 to the delicate #FFEFF2, this collection evokes the airy lightness of spun sugar and blooming flowers. Designers can leverage this palette to create inviting and gentle user experiences, ensuring a cohesive and visually appealing aesthetic. The versatility across its lighter tones like #FFDDE1 and the slightly deeper #FFB6C1 allows for subtle variations while maintaining a unified, sweet identity. It’s an excellent choice for projects aiming for a soft, approachable, and feminine appeal, providing a harmonious blend that feels both modern and timeless.

Best used for

  • Children's clothing and toy brands
  • Beauty and skincare product packaging
  • Wedding and baby shower invitations
  • Confectionery and dessert shop branding
  • Feminine fashion and lifestyle blogs
  • Romantic themed digital greeting cards

Suggested color roles

primary

Use #FFB6C1 as the dominant brand color for large sections, headers, or primary UI elements to establish a warm, inviting presence.

secondary

Apply #FFC0CB for supporting content blocks, secondary buttons, or subtle graphical elements, providing a gentle contrast to the primary.

accent

Reserve #FF82A9 for calls to action, important notifications, or small, impactful details that need to pop with a cheerful vibrancy.

background

Employ #FFEFF2 for clean, airy backgrounds on web pages, print materials, or app screens, ensuring content stands out without overwhelming.

text

For optimal readability against the light palette colors, use a dark charcoal or black text, such as #333333 or #000000, ensuring WCAG contrast standards are met.

Accessibility notes

  • Ensure sufficient contrast when using lighter palette colors like #FFEFF2 and #FFDDE1 for text, especially for body copy.
  • Avoid using text colors from this palette directly on backgrounds from the same palette without careful contrast checking (e.g., pink on pink).
  • For critical information, aim for a minimum WCAG AA contrast ratio of 4.5:1 for normal text and 3:1 for large text.
  • Consider using a dark neutral like #333333 or #000000 for primary text to maintain readability across all background shades in this soft palette.

Recommended combinations

Soft Gradient

Ideal for subtle background transitions, delicate illustrations, or layering elements that require a gentle, airy feel.

#FFEFF2 · #FFDDE1 · #FFC0CB

Highlight & Base

Combine #FFB6C1 as a base, #FF82A9 for vibrant accents, and #FFEFF2 for clean text backgrounds in banners or hero sections.

#FFB6C1 · #FF82A9 · #FFEFF2

Subtle Depth

Excellent for creating visual hierarchy in UI components like cards or forms, where #FFB6C1 defines borders and #FFC0CB fills backgrounds.

#FFC0CB · #FFB6C1 · #FFDDE1

CSS variables

:root {
  --sweet-petal-candy-1: #FFB6C1;
  --sweet-petal-candy-2: #FFC0CB;
  --sweet-petal-candy-3: #FFDDE1;
  --sweet-petal-candy-4: #FFEFF2;
  --sweet-petal-candy-5: #FF82A9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sweet-petal-candy": {
        1: "#FFB6C1",
        2: "#FFC0CB",
        3: "#FFDDE1",
        4: "#FFEFF2",
        5: "#FF82A9",
      }
    }
  }
}

Related searches

pastel pink color schemessweet candy color palettesoft feminine design colorslight pink branding inspirationplayful romantic color guide

Palette colors

Hex values

Color 1#FFB6C1
·
Color 2#FFC0CB
·
Color 3#FFDDE1
·
Color 4#FFEFF2
·
Color 5#FF82A9
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.3:1Fail
1.5:1Fail
1.4:1Fail
2
1.1:1Fail
1.2:1Fail
1.4:1Fail
1.5:1Fail
3
1.3:1Fail
1.2:1Fail
1.1:1Fail
1.8:1Fail
4
1.5:1Fail
1.4:1Fail
1.1:1Fail
2.1:1Fail
5
1.4:1Fail
1.5:1Fail
1.8:1Fail
2.1:1Fail

Similar palettes

More like Sweet Petal Candy

View all pastel
Candy Cloud Dream
Candy Floss Cloud
Cotton Candy Swirl
Pastel Candy Swirl
Whimsical Macaron Blush
Whimsical Patisserie Palette