# Berry violet and aqua rings

Cream surrounds bright aqua, vivid violet, and a berry pink center in bold concentric swatches. The cool turquoise and purple make the warm pink feel especially lively, while the pale edge keeps the composition open. It suits playful posters, celebration graphics, app accents, or candy packaging.

- Also called: Rainbow from pink to beige radial swatches
- Seed: `kUopz-TU-4WAstJ6DjKg`
- Page: https://grabient.com/kUopz-TU-4WAstJ6DjKg?style=radialSwatches&steps=4&angle=0
- Drawn as: radial swatches, 4 steps, 0 degrees
- Kinds: dark to light, vivid, rainbow
- Hues: wide
- Contrast of its darkest and lightest colors: 3.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 | `#e93e8d` | `oklch(63.78% 0.2150 357.19)` | Cerise Pink | black, 5.5 to 1 |
| 2 | `#8b5cf6` | `oklch(60.63% 0.2191 292.73)` | Forgotten Kyawthuite | black, 4.9 to 1 |
| 3 | `#26c7ca` | `oklch(75.59% 0.1226 196.56)` | Turquoise Surf | black, 10.1 to 1 |
| 4 | `#fef1d5` | `oklch(96.06% 0.0386 84.55)` | Candlestick Point | black, 18.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #e93e8d 0.000% 25.000%, #8b5cf6 25.000% 50.000%, #26c7ca 50.000% 75.000%, #fef1d5 75.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(63.78% 0.2150 357.19) 0.000% 25.000%, oklch(60.63% 0.2191 292.73) 25.000% 50.000%, oklch(75.59% 0.1226 196.56) 50.000% 75.000%, oklch(96.06% 0.0386 84.55) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.638 | 0.215 | 357.2 |
| 2 | 0.606 | 0.219 | 292.7 |
| 3 | 0.756 | 0.123 | 196.6 |
| 4 | 0.961 | 0.039 | 84.5 |

## In these collections

- [Happy swatches](https://grabient.com/happy-swatches)

## Other forms

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