Back to palettes

Palette

Sorbet Sunset Chill

A delightful medley of soft, sorbet-inspired pastels, like a cool sunset treat on a warm summer evening.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sorbet Sunset Chill 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 Sunset Chill.

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

Data visualization

#ffc0cb#ffa07a#ffd700#98fb98#add8e6

Palette guide

How to use Sorbet Sunset Chill

Overview

The Sorbet Sunset Chill palette offers a delightful array of soft, refreshing pastels, perfect for designs aiming for a lighthearted and playful mood. Featuring a gentle pink (#ffc0cb), a warm peach (#ffa07a), a sunny yellow (#ffd700), a minty green (#98fb98), and a serene blue (#add8e6), this collection evokes the pleasant calm of a summer evening. Designers and developers can leverage its harmonious balance to create inviting user interfaces, charming brand identities, or whimsical digital content. The subtle shifts between these tones ensure a cohesive yet vibrant aesthetic, ideal for conveying freshness and joy without overwhelming the senses.

Best used for

  • Summer-themed branding
  • Children's product design
  • Lighthearted mobile applications
  • Dessert and ice cream shop branding
  • Wedding and event stationery
  • Playful digital illustrations

Suggested color roles

primary

Use #ffc0cb as a soft, welcoming base for backgrounds or large UI elements.

secondary

Apply #ffa07a for warm accents or secondary headings, complementing the primary tone.

accent

Introduce #ffd700 for bright, energetic calls-to-action or playful details.

background

Utilize #add8e6 as a calming and clean backdrop, especially for digital interfaces.

text

Pair #98fb98 with darker backgrounds for subtle text, or use charcoal for main body text on lighter shades.

Accessibility notes

  • Ensure sufficient contrast when using lighter pastels for text on similar light backgrounds.
  • Darker text (e.g., charcoal or black) will be necessary for readability on #ffc0cb, #ffa07a, #ffd700, #98fb98, and #add8e6.
  • Avoid placing light text on #ffd700 or #98fb98 without careful contrast checking.
  • Prioritize larger font sizes for softer color combinations to enhance legibility.

Recommended combinations

Soft Gradient

Create a gentle, warm gradient for headers, banners, or background elements.

#FFC0CB · #FFA07A · #FFD700

Fresh & Airy

Combine these for a clean, light, and refreshing design aesthetic, ideal for wellness or nature themes.

#ADD8E6 · #98FB98 · #FFC0CB

Playful Pop

Use the bright yellow as an accent against the peach and blue for a cheerful, energetic feel.

#FFD700 · #FFA07A · #ADD8E6

CSS variables

:root {
  --sorbet-sunset-chill-1: #ffc0cb;
  --sorbet-sunset-chill-2: #ffa07a;
  --sorbet-sunset-chill-3: #ffd700;
  --sorbet-sunset-chill-4: #98fb98;
  --sorbet-sunset-chill-5: #add8e6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sorbet-sunset-chill": {
        1: "#ffc0cb",
        2: "#ffa07a",
        3: "#ffd700",
        4: "#98fb98",
        5: "#add8e6",
      }
    }
  }
}

Related searches

pastel color schemessummer palette ideassoft sorbet colorsrefreshing design palettelighthearted UI colors

Palette colors

Hex values

Color 1#ffc0cb
·
Color 2#ffa07a
·
Color 3#ffd700
·
Color 4#98fb98
·
Color 5#add8e6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.1:1Fail
1.2:1Fail
1:1Fail
2
1.3:1Fail
1.4:1Fail
1.6:1Fail
1.3:1Fail
3
1.1:1Fail
1.4:1Fail
1.1:1Fail
1.1:1Fail
4
1.2:1Fail
1.6:1Fail
1.1:1Fail
1.2:1Fail
5
1:1Fail
1.3:1Fail
1.1:1Fail
1.2:1Fail

Similar palettes

More like Sorbet Sunset Chill

View all pastel
Gelato Dream Swirl
Lemon Sorbet Swirl
Awakening Flora Hues
Bubblegum Pop Burst
Buttercream Swirl Cake
Candy Cloud Fluff