Palette

Delicate Candy Glaze

A delightful array of soft, sugary hues, like a variety of sweet candies with a delicate glaze.

pastelplayful5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Delicate Candy Glaze 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 Delicate Candy Glaze.

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

Data visualization

#F9EBEA#D1EDF5#F5DDE7#D9F5E0#F7E7C5

Palette guide

How to use Delicate Candy Glaze

Overview

The Delicate Candy Glaze palette is a delightful array of soft, sugary hues, reminiscent of sweet candies with a delicate glaze. It features ethereal pastels like the pale pink #F9EBEA, the sky blue #D1EDF5, the lavender #F5DDE7, the mint green #D9F5E0, and the creamy yellow #F7E7C5. This playful, soft, and delicate collection is perfect for designers seeking to evoke joy, sweetness, and a whimsical charm. Developers can utilize these hues for children's brands, dessert-themed applications, or lighthearted UI designs that convey a sense of innocence, cheerfulness, and gentle elegance, like a confectioner's dream.

Best used for

Children's product packaging or websites
Bakery or dessert shop branding
Sweet-themed mobile games
Crafting or DIY blogs
Baby clothing or toy designs
Lighthearted and friendly UI/UX

Suggested color roles

primary

#F9EBEA - A light, airy pink, ideal for expansive backgrounds or main content areas, conveying softness and warmth.

secondary

#D1EDF5 - A gentle sky blue, perfect for content sections, subtle headers, or supporting elements.

accent

#F5DDE7 - A soft lavender, excellent for interactive elements, highlights, or delicate graphical accents, adding a playful touch.

background

#D9F5E0 - A fresh mint green that serves as a versatile background for content, offering a subtle, cheerful base.

text

charcoal - A dark charcoal or deep grey (#333333) is recommended for primary text against these very light pastels to ensure excellent readability.

Accessibility notes

All colors in this palette are very light; text will require significant contrast. Always use a dark color (e.g., #333333 or black) for text.
Avoid using any of the palette colors for text on another color from the same palette, as contrast will be insufficient.
For interactive elements, consider adding borders or strong hover states, as color alone might not provide enough visual cue.
Ensure that important information is not solely conveyed by color, especially for users with color vision deficiencies.

Recommended combinations

Sugary Hues

To create soft, layered backgrounds or subtle distinctions between light, playful content blocks.

#F9EBEA · #D1EDF5 · #F5DDE7

Glazed Delights

For illustrating variety in product displays or creating cheerful, harmonious graphic elements.

#D1EDF5 · #D9F5E0 · #F7E7C5

Pastel Sweetness

Effective for lighthearted branding or delicate UI accents, offering a gentle, inviting visual experience.

#F9EBEA · #F5DDE7 · #D9F5E0

CSS variables

:root {
  --delicate-candy-glaze-1: #F9EBEA;
  --delicate-candy-glaze-2: #D1EDF5;
  --delicate-candy-glaze-3: #F5DDE7;
  --delicate-candy-glaze-4: #D9F5E0;
  --delicate-candy-glaze-5: #F7E7C5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "delicate-candy-glaze": {
        1: "#F9EBEA",
        2: "#D1EDF5",
        3: "#F5DDE7",
        4: "#D9F5E0",
        5: "#F7E7C5",
      }
    }
  }
}

Hex values

Color 1#F9EBEA

Color 2#D1EDF5

Color 3#F5DDE7

Color 4#D9F5E0

Color 5#F7E7C5

Accessibility

Contrast checker

1.1:1Fail

1:1Fail

1.1:1Fail

1:1Fail

1.1:1Fail

1:1Fail

1.1:1Fail

1:1Fail

1.1:1Fail

1:1Fail

1.1:1Fail

1:1Fail

1.1:1Fail

Similar palettes

More like Delicate Candy Glaze

Delicate Candy Glaze

See it in context.

Ready when you are.

Built with Delicate Candy Glaze.

How to use Delicate Candy Glaze

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Sugary Hues

Glazed Delights

Pastel Sweetness

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Delicate Candy Glaze