Palette

Pastel Gummy Drop

Cheerful, candy-like colors evoking the sweet simplicity and fun of childhood confections.

pastelplayful5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Pastel Gummy Drop 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 Pastel Gummy Drop.

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

Data visualization

#90EE90#FFB6C1#FFDAB9#FDFD96#B0E0E6

Palette guide

How to use Pastel Gummy Drop

Overview

The Pastel Gummy Drop palette is a delightful assortment of cheerful, candy-like colors, designed to evoke a sense of playful sweetness. Featuring the fresh green of #90EE90, the soft pink of #FFB6C1, and the warm peach of #FFDAB9, this palette is vibrant yet gentle. The sunny yellow of #FDFD96 and the cool blue of #B0E0E6 complete this sugary collection, offering versatility for a range of engaging designs. Developers and designers can leverage these hues for projects targeting a younger audience, food-related branding, or any application seeking a fun, inviting, and lighthearted aesthetic that truly pops.

Best used for

Confectionery branding and packaging
Children's toy websites or apps
Sweet shop or bakery branding
Playful mobile game interfaces
Event decorations (birthdays, baby showers)
Creative educational materials

Suggested color roles

primary

Use #B0E0E6 (Powder Blue) for main content areas or backgrounds to provide a calming, yet playful, foundation.

secondary

Apply #FFB6C1 (Light Pink) for secondary headers, sub-sections, or decorative accents, bringing warmth and cheer.

accent

Highlight interactive elements, buttons, or key information with #90EE90 (Light Green) or #FDFD96 (Pale Goldenrod) for a vibrant, energetic feel.

background

The softest #FDFD96 (Pale Goldenrod) or #FFDAB9 (Peach Puff) can serve as light, inviting backgrounds, ensuring good contrast with darker text.

text

For optimal readability, use a dark grey or black (e.g., #333333) for primary text. White text can be effective on #FFB6C1 or #B0E0E6 for headings or calls to action.

Accessibility notes

Ensure sufficient contrast when pairing any of these light pastels for text, especially #FDFD96 and #FFDAB9.
Always use dark text (black or very dark grey) on these light backgrounds for body copy to meet accessibility standards.
Avoid adjacent colors with low luminance contrast, such as #90EE90 and #FDFD96, for conveying critical information.
Consider using thicker fonts or larger text sizes when employing lighter colors for headings to improve readability.

Recommended combinations

Candy Pop

Ideal for cheerful hero sections, vibrant banners, or playful graphic elements, capturing a sweet and lively mood.

#FFB6C1 · #90EE90 · #B0E0E6

Fruity Mix

Perfect for food-related designs, product highlights, or illustrations, evoking a fresh and natural sweetness.

#FDFD96 · #FFDAB9 · #90EE90

Sweet Dream

Suitable for softer UI cards, background patterns, or informational panels, providing a gentle and inviting feel.

#B0E0E6 · #FFB6C1 · #FFDAB9

CSS variables

:root {
  --pastel-gummy-drop-1: #90EE90;
  --pastel-gummy-drop-2: #FFB6C1;
  --pastel-gummy-drop-3: #FFDAB9;
  --pastel-gummy-drop-4: #FDFD96;
  --pastel-gummy-drop-5: #B0E0E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pastel-gummy-drop": {
        1: "#90EE90",
        2: "#FFB6C1",
        3: "#FFDAB9",
        4: "#FDFD96",
        5: "#B0E0E6",
      }
    }
  }
}

Hex values

Color 1#90EE90

Color 2#FFB6C1

Color 3#FFDAB9

Color 4#FDFD96

Color 5#B0E0E6

Accessibility

Contrast checker

1.2:1Fail

1.1:1Fail

1.3:1Fail

1:1Fail

1.2:1Fail

1.3:1Fail

1.5:1Fail

1.2:1Fail

1.1:1Fail

1.3:1Fail

1.2:1Fail

1.1:1Fail

1.3:1Fail

1.5:1Fail

1.2:1Fail

1.3:1Fail

1:1Fail

1.2:1Fail

1.1:1Fail

1.3:1Fail

Similar palettes

More like Pastel Gummy Drop

Pastel Gummy Drop

See it in context.

Ready when you are.

Built with Pastel Gummy Drop.

How to use Pastel Gummy Drop

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Candy Pop

Fruity Mix

Sweet Dream

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Pastel Gummy Drop