# Gummy Candy Velvet

5 concentric bands move from the center outward through deep violet, rose, green, violet, and olive. 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: Rainbow from purple to green radial swatches
- Seed: `kWWELbUU1G16wU3OQM-Z8Mr4`
- Page: https://grabient.com/kWWELbUU1G16wU3OQM-Z8Mr4?style=radialSwatches&steps=5&angle=0
- Drawn as: radial swatches, 5 steps, 0 degrees
- Kinds: vivid, rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 7 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 | `#472a5d` | `oklch(34.65% 0.0909 307.97)` | Acai | white, 11.9 to 1 |
| 2 | `#ed3e77` | `oklch(63.78% 0.2122 6.09)` | Fantasy Romance | black, 5.5 to 1 |
| 3 | `#36c7a1` | `oklch(74.41% 0.1323 170.94)` | Jadeite | black, 9.8 to 1 |
| 4 | `#9b64da` | `oklch(61.42% 0.1778 303.04)` | Legendary Lavender | black, 5.2 to 1 |
| 5 | `#8fdb54` | `oklch(81.50% 0.1846 133.96)` | Lilliputian Lime | black, 12.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #472a5d 0.000% 20.000%, #ed3e77 20.000% 40.000%, #36c7a1 40.000% 60.000%, #9b64da 60.000% 80.000%, #8fdb54 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(34.65% 0.0909 307.97) 0.000% 20.000%, oklch(63.78% 0.2122 6.09) 20.000% 40.000%, oklch(74.41% 0.1323 170.94) 40.000% 60.000%, oklch(61.42% 0.1778 303.04) 60.000% 80.000%, oklch(81.50% 0.1846 133.96) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.346 | 0.091 | 308 |
| 2 | 0.638 | 0.212 | 366.1 |
| 3 | 0.744 | 0.132 | 530.9 |
| 4 | 0.614 | 0.178 | 663 |
| 5 | 0.815 | 0.185 | 494 |

## In these collections

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

## Other forms

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