# Peach cyan pink energy rings

The Peach cyan pink energy rings brings together magenta, teal, orange, and dark red. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is dark red, and its lightest tone is orange.

- Also called: Pastel rainbow from pink to brown radial swatches
- Seed: `kUprT5ajKtOu0MmijDoA`
- Page: https://grabient.com/kUprT5ajKtOu0MmijDoA?style=radialSwatches&steps=4&angle=0
- Drawn as: radial swatches, 4 steps, 0 degrees
- Kinds: light center, pastel, rainbow
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 9.6 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 | `#f42ea5` | `oklch(65.35% 0.2480 350.16)` | Persian Rose | black, 5.7 to 1 |
| 2 | `#22e5df` | `oklch(83.46% 0.1392 191.64)` | Bright Turquoise | black, 13.3 to 1 |
| 3 | `#ffc057` | `oklch(84.64% 0.1399 77.52)` | Golden Tainoi | black, 12.9 to 1 |
| 4 | `#35211e` | `oklch(27.17% 0.0331 27.85)` | Hornblende | white, 15.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f42ea5 0.000% 25.000%, #22e5df 25.000% 50.000%, #ffc057 50.000% 75.000%, #35211e 75.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(65.35% 0.2480 350.16) 0.000% 25.000%, oklch(83.46% 0.1392 191.64) 25.000% 50.000%, oklch(84.64% 0.1399 77.52) 50.000% 75.000%, oklch(27.17% 0.0331 27.85) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.654 | 0.248 | 350.2 |
| 2 | 0.835 | 0.139 | 191.6 |
| 3 | 0.846 | 0.143 | 77.5 |
| 4 | 0.272 | 0.033 | 27.8 |

## In these collections

- [Energetic swatches](https://grabient.com/energetic-swatches)

## Other forms

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