Back to palettes

Palette

Sweet Treats

A delightful mix of sugary pinks, creams, and mints, like an assortment of delectable confectionery.

PastelPlayful5 colors
More Pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFC0CB#FFDAB9#F0EAD6#C1E1C1#AEEEEE

Palette guide

How to use Sweet Treats

Overview

The Sweet Treats palette offers a delightful array of sugary pinks, creamy neutrals, and refreshing mints, perfectly capturing the essence of an assorted confectionery. With hues like the classic #FFC0CB, a warm #FFDAB9, a subtle #F0EAD6, a calming #C1E1C1, and a crisp #AEEEEE, this collection is genuinely useful for designers and developers aiming for a soft, playful, and inviting aesthetic. It's an excellent foundation for projects that need to feel gentle, appealing, and sweet, from charming web designs to comforting brand identities, evoking a sense of innocent indulgence and lightheartedness in any creative endeavor.

Best used for

  • Bakery and patisserie branding
  • Baby product packaging and marketing
  • Spring and summer fashion collections
  • Gentle and user-friendly web interfaces
  • Craft and DIY project inspiration
  • Wedding or baby shower invitations

Suggested color roles

primary

Employ #FFC0CB as a dominant color for headings, main content areas, or brand logos, conveying sweetness and warmth.

secondary

Use #C1E1C1 for secondary elements, navigation, or backgrounds to introduce a fresh, balancing, and calming minty feel.

accent

Apply #FFDAB9 for subtle accents, call-to-action buttons, or highlights to add a warm, inviting touch without overpowering.

background

The creamy #F0EAD6 provides a clean, soft background that allows other colors to pop gently and ensures excellent readability.

text

A dark grey or rich chocolate brown works best for text, ensuring strong contrast against the light pastel backgrounds while maintaining the palette's soft mood.

Accessibility notes

  • Prioritize high contrast for text, especially when pairing lighter shades like #F0EAD6 with #C1E1C1 or #AEEEEE.
  • Ensure interactive elements are clearly discernible against their backgrounds to meet accessibility guidelines.
  • Avoid using light-colored text on #FFC0CB or #FFDAB9 without sufficient contrast to prevent readability issues.
  • Consider larger font sizes or bolder weights for critical information when using colors with lower contrast.

Recommended combinations

Creamy Delight

Ideal for creating a soft, appealing base for product displays, content cards, or welcoming landing pages.

#F0EAD6 · #FFC0CB · #FFDAB9

Minty Fresh

Perfect for adding a refreshing touch to headers, navigation bars, or elements that need a clean, crisp feel.

#C1E1C1 · #AEEEEE · #FFC0CB

Sweet Accents

Use for subtle highlights, decorative patterns, or to gently break up content without harsh contrasts.

#F0EAD6 · #FFDAB9 · #C1E1C1

CSS variables

:root {
  --sweet-treats-1: #FFC0CB;
  --sweet-treats-2: #FFDAB9;
  --sweet-treats-3: #F0EAD6;
  --sweet-treats-4: #C1E1C1;
  --sweet-treats-5: #AEEEEE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sweet-treats": {
        1: "#FFC0CB",
        2: "#FFDAB9",
        3: "#F0EAD6",
        4: "#C1E1C1",
        5: "#AEEEEE",
      }
    }
  }
}

Related searches

pastel candy colorssoft sweet palettebakery branding schemegentle ui designspring pastel aesthetic

Palette colors

Hex values

Color 1#FFC0CB
·
Color 2#FFDAB9
·
Color 3#F0EAD6
·
Color 4#C1E1C1
·
Color 5#AEEEEE
·

Accessibility

Contrast checker

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

Similar palettes

More like Sweet Treats

View all Pastel
Candy Fluff Dream
Pastel Macaron Stack
Sugar Dust Confetti
Sweet Shop Nostalgia
French Macaron Whimsy
Gelato Dream Parlor