Palette

Sundae Shop Delight

A soft and sweet collection of pastel hues, like an array of delicious ice cream toppings on a summer sundae, full of joy.

pastelplayful5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sundae Shop 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 Sundae Shop Delight.

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

Data visualization

#FFDAB9#FFC0CB#ADD8E6#98FB98#FFFF99

Palette guide

How to use Sundae Shop Delight

Overview

The "Sundae Shop Delight" palette is a soft and sweet collection of pastel hues, reminiscent of delicious ice cream toppings on a summer sundae, full of joy. This playful palette includes #FFDAB9 (Peach Puff), #FFC0CB (Pink), #ADD8E6 (Light Blue), #98FB98 (Mint Green), and #FFFF99 (Light Yellow). It's perfect for designs that aim to be whimsical, friendly, and approachable, creating a lighthearted and cheerful atmosphere. Ideal for children's brands, sweet treats, or anything that needs a touch of innocent fun and vibrant softness.

Best used for

Children's toy or apparel branding
Dessert and confectionery packaging
Baby product websites and designs
Playful event invitations
Creative craft or hobby blogs
Sweet-themed digital illustrations

Suggested color roles

primary

#FFC0CB (Pink) - Use for main headings, prominent buttons, or key illustrative elements to convey sweetness and charm.

secondary

#ADD8E6 (Light Blue) - Excellent for subheadings, secondary buttons, or background accents, adding a cool, refreshing touch.

accent

#98FB98 (Mint Green) - Perfect for small, cheerful highlights, icons, or interactive states, bringing a fresh pop.

background

#FFDAB9 (Peach Puff) - Provides a soft, warm, and inviting base that makes the pastel colors feel even more delightful.

text

#FFFF99 (Light Yellow) - Works well for decorative text or large display text. For primary body text, a dark grey or charcoal on #FFDAB9 or #ADD8E6 is recommended for optimal readability.

Accessibility notes

Most colors in this palette are light; ensure sufficient contrast for text, especially when layering pastels.
Avoid using #FFFF99 or #98FB98 for small text on any other light color in the palette.
For body text, use a dark color (e.g., charcoal or black) against #FFDAB9 or #ADD8E6 backgrounds.
Reserve the brightest pastels like #FFFF99 and #98FB98 for large elements or decorative accents, not essential text.

Recommended combinations

Sweet Treat Base

Creates a soft, inviting background with gentle pink and blue accents, perfect for friendly interfaces.

#FFDAB9 · #FFC0CB · #ADD8E6

Playful Pop

Ideal for cheerful highlights, icons, or playful illustrations, combining bright pastels for a lively effect.

#98FB98 · #FFFF99 · #FFC0CB

Cool & Warm Pastels

Strong visual interest for layered designs, balancing cool blues and greens with a warm peach background.

#ADD8E6 · #FFDAB9 · #98FB98

CSS variables

:root {
  --sundae-shop-delight-1: #FFDAB9;
  --sundae-shop-delight-2: #FFC0CB;
  --sundae-shop-delight-3: #ADD8E6;
  --sundae-shop-delight-4: #98FB98;
  --sundae-shop-delight-5: #FFFF99;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sundae-shop-delight": {
        1: "#FFDAB9",
        2: "#FFC0CB",
        3: "#ADD8E6",
        4: "#98FB98",
        5: "#FFFF99",
      }
    }
  }
}

Hex values

Color 1#FFDAB9

Color 2#FFC0CB

Color 3#ADD8E6

Color 4#98FB98

Color 5#FFFF99

Accessibility

Contrast checker

1.2:1Fail

1:1Fail

1.3:1Fail

1.2:1Fail

1:1Fail

1.2:1Fail

1.5:1Fail

1.2:1Fail

1:1Fail

1.2:1Fail

1.5:1Fail

1:1Fail

1.2:1Fail

1.3:1Fail

1.5:1Fail

1.2:1Fail

Similar palettes

More like Sundae Shop Delight

Sundae Shop Delight

See it in context.

Ready when you are.

Built with Sundae Shop Delight.

How to use Sundae Shop Delight

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Sweet Treat Base

Playful Pop

Cool & Warm Pastels

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Sundae Shop Delight