Palette

Sorbet Scoop Dream

A light and cheerful blend of fruity pastels, like an irresistible scoop of summer sorbet.

pastelplayful5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sorbet Scoop Dream 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 Sorbet Scoop Dream.

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

Data visualization

#FFE0F0#F0E0FF#E0FFF0#FFF0E0#FFE0E0

Palette guide

How to use Sorbet Scoop Dream

Overview

The Sorbet Scoop Dream palette is a light, cheerful blend of fruity pastels, reminiscent of an irresistible summer sorbet. This delightful collection features a soft pink (#FFE0F0), a gentle lavender (#F0E0FF), a fresh mint green (#E0FFF0), a creamy peach (#FFF0E0), and a delicate rose pink (#FFE0E0). Designers will find this palette perfect for creating playful, sweet, and inviting visual experiences. It's ideal for projects that aim to evoke joy, innocence, or a whimsical charm. Developers can effectively apply these hues for children's apps, confectionery websites, or any interface where a light, friendly, and approachable atmosphere is desired, promoting a sense of happiness and ease for users.

Best used for

Children's brands and educational apps
Confectionery and dessert shop branding
Baby shower invitations and decor
Sweet-themed digital marketing
Personal blogs and lifestyle websites
Playful event and party planning

Suggested color roles

primary

Use #FFE0F0 as a soft, inviting background, setting a gentle and cheerful tone.

secondary

Apply #F0E0FF for supporting elements or as an alternative light background, adding variety.

accent

Utilize #E0FFF0 for subtle highlights, interactive states, or to introduce a fresh, playful contrast.

background

Employ any of the light pastels like #FFE0F0, #F0E0FF, #E0FFF0, #FFF0E0, or #FFE0E0 as a gentle, airy canvas.

text

A dark charcoal or black is essential for optimal readability on all these very light pastel backgrounds. Avoid light text on light backgrounds.

Accessibility notes

Crucially, all text on these light backgrounds must be very dark (black or dark charcoal) to ensure readability.
Avoid using any of the palette colors for text on other palette colors, as contrast will almost certainly be insufficient.
For critical information, aim for a contrast ratio of at least 4.5:1, which will necessitate dark text.
Always use a WCAG contrast checker to confirm that all text and interactive elements meet accessibility standards.

Recommended combinations

Sweet Harmony

Perfect for a soft, inviting background gradient or layered sections, blending pink, green, and peach for a gentle aesthetic.

#FFE0F0 · #E0FFF0 · #FFF0E0

Playful Pop

Ideal for a whimsical layout: #F0E0FF as a base, #FFE0E0 for card backgrounds, and #E0FFF0 for playful icons or small accents.

#F0E0FF · #FFE0E0 · #E0FFF0

Dreamy Background

Use #FFF0E0 as a primary background, with #FFE0F0 and #F0E0FF for subtle decorative elements or to define different content blocks.

#FFF0E0 · #FFE0F0 · #F0E0FF

CSS variables

:root {
  --sorbet-scoop-dream-1: #FFE0F0;
  --sorbet-scoop-dream-2: #F0E0FF;
  --sorbet-scoop-dream-3: #E0FFF0;
  --sorbet-scoop-dream-4: #FFF0E0;
  --sorbet-scoop-dream-5: #FFE0E0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sorbet-scoop-dream": {
        1: "#FFE0F0",
        2: "#F0E0FF",
        3: "#E0FFF0",
        4: "#FFF0E0",
        5: "#FFE0E0",
      }
    }
  }
}

Hex values

Color 1#FFE0F0

Color 2#F0E0FF

Color 3#E0FFF0

Color 4#FFF0E0

Color 5#FFE0E0

Accessibility

Contrast checker

1:1Fail

1.1:1Fail

1:1Fail

1.2:1Fail

1.1:1Fail

1:1Fail

1.1:1Fail

1.2:1Fail

1:1Fail

1.2:1Fail

1.1:1Fail

1:1Fail

1.1:1Fail

1:1Fail

1.2:1Fail

1.1:1Fail

Similar palettes

More like Sorbet Scoop Dream

Sorbet Scoop Dream

See it in context.

Ready when you are.

Built with Sorbet Scoop Dream.

How to use Sorbet Scoop Dream

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Sweet Harmony

Playful Pop

Dreamy Background

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Sorbet Scoop Dream