Back to palettes

Palette

Sugar Dust Confetti

A sweet and gentle mix of soft pastels, like a scattering of colorful sugar dust from a joyous party.

PastelPlayful5 colors
More Pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sugar Dust Confetti 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 Sugar Dust Confetti.

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

Data visualization

#FCA3B7#FFECB3#A7D9D9#92B4F2#E1BEE7

Palette guide

How to use Sugar Dust Confetti

Overview

The Sugar Dust Confetti palette presents a sweet and gentle mix of soft pastels, like a scattering of colorful sugar dust from a joyous party. This delightful collection features a delicate pink #FCA3B7, a warm pale yellow #FFECB3, a serene light teal #A7D9D9, a calming baby blue #92B4F2, and a soft lavender #E1BEE7. It's ideal for projects that aim for a playful yet sophisticated and inviting aesthetic. Designers can use this palette for charming branding, delicate web interfaces, or whimsical illustrations. Developers will appreciate the harmonious nature of these hex codes, allowing for consistent and visually appealing UI components that evoke warmth, cheer, and a touch of celebratory lightness.

Best used for

  • Baby product packaging and branding
  • Gentle children's book illustrations
  • Wedding or event stationery with a soft touch
  • Lifestyle blogs focusing on sweet themes
  • UI for meditation or relaxation apps
  • Artisanal craft websites

Suggested color roles

primary

A soft, inviting pink #FCA3B7, excellent for a primary brand color, heading accents, or subtle call-to-action buttons.

secondary

A calming baby blue #92B4F2, perfect for supporting sections, background elements, or secondary navigation, providing a gentle contrast.

accent

This warm pale yellow #FFECB3 adds a touch of sunny cheer, ideal for small interactive elements, icons, or subtle highlights.

background

A very light lavender #E1BEE7 that offers a soft, clean canvas, allowing other colors to stand out gently without harshness.

text

While light, #A7D9D9 could work for decorative text on dark backgrounds. For general body text, a dark gray like #4A4A4A is recommended on these light pastels.

Accessibility notes

  • Avoid pairing #FFECB3 or #E1BEE7 as text colors on light backgrounds due to insufficient contrast.
  • Ensure all important text has a high contrast ratio against its background, using a darker shade (e.g., charcoal or black).
  • Use the palette colors for larger graphical elements or backgrounds, but exercise caution for small text.
  • Verify contrast compliance with WCAG standards for all interactive components.

Recommended combinations

Gentle Serenity

Create a calming and balanced visual for main content areas or soft branding.

#FCA3B7 · #A7D9D9 · #E1BEE7

Sunny Delight

Use for cheerful accents, interactive elements, or to highlight positive feedback states.

#FFECB3 · #92B4F2 · #FCA3B7

Confetti Blend

Ideal for subtle gradients, decorative patterns, or background textures in a playful context.

#E1BEE7 · #FCA3B7 · #FFECB3

CSS variables

:root {
  --sugar-dust-confetti-1: #FCA3B7;
  --sugar-dust-confetti-2: #FFECB3;
  --sugar-dust-confetti-3: #A7D9D9;
  --sugar-dust-confetti-4: #92B4F2;
  --sugar-dust-confetti-5: #E1BEE7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sugar-dust-confetti": {
        1: "#FCA3B7",
        2: "#FFECB3",
        3: "#A7D9D9",
        4: "#92B4F2",
        5: "#E1BEE7",
      }
    }
  }
}

Related searches

soft pastel color schemesgentle ui colorssweet celebration palettelighthearted branding pastelsbaby room aesthetic colors

Palette colors

Hex values

Color 1#FCA3B7
·
Color 2#FFECB3
·
Color 3#A7D9D9
·
Color 4#92B4F2
·
Color 5#E1BEE7
·

Accessibility

Contrast checker

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

Similar palettes

More like Sugar Dust Confetti

View all Pastel
Candy Fluff Dream
Pastel Macaron Stack
Sweet Treats
French Macaron Whimsy
Gelato Dream Parlor
Sugared Candy Delight