Palette

Sweet Sorbet Swirl

A delightful mix of frosty fruit flavors, perfect for a sunny day treat, joyful and refreshing.

pastelplayful5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sweet Sorbet Swirl 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 Sweet Sorbet Swirl.

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

Data visualization

#FFC0CB#FFA07A#98FB98#87CEEB#FFFACD

Palette guide

How to use Sweet Sorbet Swirl

Overview

The "Sweet Sorbet Swirl" palette is a delightful and refreshing collection of soft pastels, perfect for projects aiming for a playful yet sophisticated aesthetic. Featuring a gentle pink (#FFC0CB), a warm light orange (#FFA07A), a serene pale green (#98FB98), a calming sky blue (#87CEEB), and a sunny lemon yellow (#FFFACD), this palette evokes joy and warmth. Designers can utilize these harmonious hues to create inviting user interfaces, charming brand identities, or lighthearted marketing materials. The balanced saturation ensures visual comfort, making it an excellent choice for applications where a soft, optimistic, and approachable feel is paramount, from digital platforms to print collateral.

Best used for

Children's product branding and packaging
Summer-themed event invitations and decor
Dessert shop or bakery marketing materials
Casual lifestyle blogs and social media content
Mobile app interfaces for relaxation or creativity
Spring fashion collections and lookbooks

Suggested color roles

primary

#FFC0CB - Use this soft pink as the foundational color for a gentle, inviting brand presence, suitable for large backgrounds or primary UI elements.

secondary

#FFA07A - Employ this warm light orange to complement the primary, ideal for call-to-action buttons, secondary navigation, or illustrative accents.

accent

#98FB98 - Introduce this refreshing pale green for subtle highlights, icons, or interactive states, adding a natural and vibrant touch.

background

#FFFACD - This light lemon yellow serves as an excellent, soft background color, providing a warm and welcoming canvas for content.

text

For main body text, a dark grey like #333333 offers optimal readability against the light background. For headlines or decorative text, #87CEEB can be used on very light backgrounds for a playful touch, but check contrast.

Accessibility notes

Ensure sufficient contrast when pairing #FFFACD (Lemon Chiffon) with any other light palette colors for text; always opt for darker text for readability.
Text against #FFC0CB (Pink) or #87CEEB (Sky Blue) will generally require a dark grey or black for WCAG AA compliance.
For important UI elements, consider using a darker, high-contrast shade from an extended, complementary palette if the pastels don't meet contrast standards.
Ensure interactive elements have distinct focus states that contrast well against both the default and hover colors.

Recommended combinations

Sunny Delight

Excellent for web banners or social media graphics conveying happiness, growth, and positivity.

#FFFACD · #FFA07A · #98FB98

Serene Bloom

Ideal for gentle branding, baby product designs, or calming app interfaces that promote tranquility.

#FFC0CB · #87CEEB · #FFFACD

Playful Pop

Great for illustrating playful concepts, children's book layouts, or interactive elements that need to stand out with a cheerful vibe.

#87CEEB · #FFA07A · #98FB98

CSS variables

:root {
  --sweet-sorbet-swirl-1: #FFC0CB;
  --sweet-sorbet-swirl-2: #FFA07A;
  --sweet-sorbet-swirl-3: #98FB98;
  --sweet-sorbet-swirl-4: #87CEEB;
  --sweet-sorbet-swirl-5: #FFFACD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sweet-sorbet-swirl": {
        1: "#FFC0CB",
        2: "#FFA07A",
        3: "#98FB98",
        4: "#87CEEB",
        5: "#FFFACD",
      }
    }
  }
}

Hex values

Color 1#FFC0CB

Color 2#FFA07A

Color 3#98FB98

Color 4#87CEEB

Color 5#FFFACD

Accessibility

Contrast checker

1.3:1Fail

1.2:1Fail

1.1:1Fail

1.5:1Fail

1.3:1Fail

1.6:1Fail

1.1:1Fail

1.9:1Fail

1.2:1Fail

1.6:1Fail

1.4:1Fail

1.2:1Fail

1.1:1Fail

1.4:1Fail

1.6:1Fail

1.5:1Fail

1.9:1Fail

1.2:1Fail

1.6:1Fail

Similar palettes

More like Sweet Sorbet Swirl

Sweet Sorbet Swirl

See it in context.

Ready when you are.

Built with Sweet Sorbet Swirl.

How to use Sweet Sorbet Swirl

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Sunny Delight

Serene Bloom

Playful Pop

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Sweet Sorbet Swirl