Palette

Confetti Cream Delight

A sugary celebration of fluffy pastries and colorful sprinkles, light and irresistibly sweet.

pastelplayful5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Confetti Cream Delight 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 Confetti Cream Delight.

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

Data visualization

#F9EBEB#F9D0DF#B7E8C2#A8D1EE#F8A0BA

Palette guide

How to use Confetti Cream Delight

Overview

The Confetti Cream Delight palette offers a sweet and playful collection of pastel tones, perfect for designs that aim for a gentle, inviting, and celebratory feel. With creamy foundations like #F9EBEB and #F9D0DF, complemented by refreshing minty green #B7E8C2 and soft sky blue #A8D1EE, this palette creates a harmonious and sugary aesthetic. The vibrant pop of #F8A0BA adds a delightful accent, reminiscent of colorful sprinkles. This palette is ideal for designers and developers looking to evoke warmth, innocence, and charm in their digital or print projects, offering both subtle and lively color options.

Best used for

Bakery and confectionary branding
Baby product websites or packaging
Children's book illustrations
Sweet-themed event invitations
Feminine fashion or beauty blogs
Playful mobile game interfaces

Suggested color roles

primary

Use #F9EBEB as a clean, creamy primary background, offering a soft base.

secondary

Apply #F9D0DF for secondary elements like card backgrounds or section dividers.

accent

Introduce #F8A0BA for impactful accents, buttons, or playful highlights.

background

The light #A8D1EE works well for header backgrounds or subtle visual breaks.

text

A rich charcoal or dark brown text color (e.g., #333333 or #5C4033) provides excellent contrast.

Accessibility notes

Ensure sufficient contrast for any text placed on the lighter pastels like #F9EBEB or #B7E8C2.
The vibrant #F8A0BA might need a very dark text color to meet accessibility standards.
Avoid placing light text on #A8D1EE without checking WCAG contrast ratios.
Use a distinct border or shadow for interactive elements like buttons to enhance visibility.

Recommended combinations

Sweet Base

Excellent for soft backgrounds and subtle layering in web interfaces or print layouts.

#F9EBEB · #F9D0DF · #B7E8C2

Playful Accent

Use for contrasting highlights, interactive elements, or graphic details.

#F8A0BA · #B7E8C2 · #F9D0DF

Dreamy Sky

Ideal for serene headers, dreamy illustrations, or soft gradient backgrounds.

#A8D1EE · #F9EBEB · #F9D0DF

CSS variables

:root {
  --confetti-cream-delight-1: #F9EBEB;
  --confetti-cream-delight-2: #F9D0DF;
  --confetti-cream-delight-3: #B7E8C2;
  --confetti-cream-delight-4: #A8D1EE;
  --confetti-cream-delight-5: #F8A0BA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "confetti-cream-delight": {
        1: "#F9EBEB",
        2: "#F9D0DF",
        3: "#B7E8C2",
        4: "#A8D1EE",
        5: "#F8A0BA",
      }
    }
  }
}

Hex values

Color 1#F9EBEB

Color 2#F9D0DF

Color 3#B7E8C2

Color 4#A8D1EE

Color 5#F8A0BA

Accessibility

Contrast checker

1.2:1Fail

1.4:1Fail

1.7:1Fail

1.2:1Fail

1:1Fail

1.2:1Fail

1.4:1Fail

1.2:1Fail

1:1Fail

1.2:1Fail

1.4:1Fail

1.2:1Fail

1.7:1Fail

1.4:1Fail

1.2:1Fail

Similar palettes

More like Confetti Cream Delight

Confetti Cream Delight

See it in context.

Ready when you are.

Built with Confetti Cream Delight.

How to use Confetti Cream Delight

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Sweet Base

Playful Accent

Dreamy Sky

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Confetti Cream Delight