Lilac Sherbet is a light, split color palette tagged muted, white. A split scheme: Periwinkle plays against Dusk across roughly 119° of hue. Saturation is moderate, which keeps it flexible for both interfaces and print. Warm and cool hues are mixed, which adds depth.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Frost | #F3ECFA | rgb(243, 236, 250) | hsl(270, 58%, 95%) | oklch(95.3% 0.020 308) | |
| Periwinkle | #D9C6F2 | rgb(217, 198, 242) | hsl(266, 63%, 86%) | oklch(85.6% 0.063 305) | |
| Peach Puff | #FFD9C2 | rgb(255, 217, 194) | hsl(23, 100%, 88%) | oklch(91.1% 0.053 53) | |
| Dusk | #5E4B7A | rgb(94, 75, 122) | hsl(264, 24%, 39%) | oklch(45.2% 0.078 302) |
Why it works and how to use it
It works because the lightness range is wide (39% to 95%), which gives clear hierarchy between background, content and accents. Try it for websites, presentations and branding.
- Background: Frost (#F3ECFA) is the lightest color, so it belongs on large surfaces.
- Text: Dusk (#5E4B7A) on #F3ECFA gives 6.58:1, passing WCAG AA.
- Primary: Peach Puff (#FFD9C2) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Periwinkle (#D9C6F2) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Frost on Dusk at 6.58:1.
Preview on a real UI see how the palette feels in context
Design faster with Lilac Sherbet
A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.
Primary action SecondaryColor blindness simulation
Color-blind check: under tritanopia, Periwinkle and Peach Puff become hard to tell apart, so do not rely on that pair alone to carry meaning.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#F3ECFA on #5E4B7A | Aa | 6.58:1 | AA |
#FFD9C2 on #5E4B7A | Aa | 5.77:1 | AA |
#D9C6F2 on #5E4B7A | Aa | 4.82:1 | AA |
#F3ECFA on #D9C6F2 | Aa | 1.37:1 | Fail |
#D9C6F2 on #FFD9C2 | Aa | 1.2:1 | Fail |
#F3ECFA on #FFD9C2 | Aa | 1.14:1 | Fail |