# Gummy Candy Lantern

5 concentric bands move from the center outward through pale violet, gold, cream, rose, and teal. The lighter colors offer relief while the deeper colors support legible pale type and clear focal marks. Use this palette for candy packaging, party graphics, playful stickers, and bright interface accents; each visible color keeps a practical role without weakening the collection’s specific mood.

- Also called: Lavender, beige, pink and light blue radial swatches
- Seed: `kW0UDdcrPRfoOPhRTTb56gsw`
- Page: https://grabient.com/kW0UDdcrPRfoOPhRTTb56gsw?style=radialSwatches&steps=5&angle=0
- Drawn as: radial swatches, 5 steps, 0 degrees
- Kinds: vivid, light, warm, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 3.3 to 1

## Colors

The name most people give each color, and the text color that reads on it with its contrast.

| Stop | Hex | OKLCH | Name | Text on it |
| --- | --- | --- | --- | --- |
| 1 | `#d7b5f0` | `oklch(82.28% 0.0882 310.78)` | Pink Illusion | black, 11.7 to 1 |
| 2 | `#f6e067` | `oklch(90.16% 0.1419 98.73)` | Vanilla Pudding | black, 15.7 to 1 |
| 3 | `#fff0d5` | `oklch(96.06% 0.0386 82.88)` | Biogenic Sand | black, 18.7 to 1 |
| 4 | `#ed3e76` | `oklch(63.78% 0.2122 6.79)` | Fantasy Romance | black, 5.5 to 1 |
| 5 | `#5cd7e4` | `oklch(81.50% 0.1102 205.11)` | Turquoise Sea | black, 12.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #d7b5f0 0.000% 20.000%, #f6e067 20.000% 40.000%, #fff0d5 40.000% 60.000%, #ed3e76 60.000% 80.000%, #5cd7e4 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(82.28% 0.0882 310.78) 0.000% 20.000%, oklch(90.16% 0.1419 98.73) 20.000% 40.000%, oklch(96.06% 0.0386 82.88) 40.000% 60.000%, oklch(63.78% 0.2122 6.79) 60.000% 80.000%, oklch(81.50% 0.1102 205.11) 80.000% 100.000%);
```

## Keyframes

5 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees.

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.823 | 0.088 | 310.8 |
| 2 | 0.902 | 0.142 | 458.7 |
| 3 | 0.961 | 0.039 | 442.9 |
| 4 | 0.638 | 0.212 | 366.8 |
| 5 | 0.815 | 0.11 | 205.1 |

## In these collections

- [Gummy candy swatches](https://grabient.com/gummy-candy-swatches)

## Other forms

- [JSON](https://grabient.com/kW0UDdcrPRfoOPhRTTb56gsw.json?style=radialSwatches&steps=5&angle=0)
- [PNG](https://grabient.com/kW0UDdcrPRfoOPhRTTb56gsw.png?style=radialSwatches&steps=5&angle=0)
- [SVG](https://grabient.com/kW0UDdcrPRfoOPhRTTb56gsw.svg?style=radialSwatches&steps=5&angle=0)
- [CSS](https://grabient.com/kW0UDdcrPRfoOPhRTTb56gsw.css?style=radialSwatches&steps=5&angle=0)
- [ASE](https://grabient.com/kW0UDdcrPRfoOPhRTTb56gsw.ase?style=radialSwatches&steps=5&angle=0)
- [GPL](https://grabient.com/kW0UDdcrPRfoOPhRTTb56gsw.gpl?style=radialSwatches&steps=5&angle=0)
- [GRD](https://grabient.com/kW0UDdcrPRfoOPhRTTb56gsw.grd?style=radialSwatches&steps=5&angle=0)
- [Design tokens](https://grabient.com/kW0UDdcrPRfoOPhRTTb56gsw.tokens.json?style=radialSwatches&steps=5&angle=0)
- [Social card](https://grabient.com/api/og?seed=kW0UDdcrPRfoOPhRTTb56gsw&style=radialSwatches&steps=5&angle=0)
- [Palettes like this one](https://grabient.com/palettes?q=kW0UDdcrPRfoOPhRTTb56gsw)
- [Guide for agents](https://grabient.com/llms.txt)