# Locker Target Sticker Rings

Five concentric swatch rings place orange and teal around a near-black center, then finish with silver gray and berry purple toward the edge. The target-like geometry feels like overlapping circular stickers and button badges, giving locker collages a strong focal motif for avatars, labels, poster medallions, and playful cutout graphics.

- Also called: Muted rainbow from orange to purple radial swatches
- Seed: `kWrngjyqJRhuGSDpgzsvzTOA`
- Page: https://grabient.com/kWrngjyqJRhuGSDpgzsvzTOA?style=radialSwatches&steps=5&angle=0
- Drawn as: radial swatches, 5 steps, 0 degrees
- Kinds: dark center, muted, rainbow
- Hues: triadic
- Contrast of its darkest and lightest colors: 10.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 | `#e87527` | `oklch(68.50% 0.1654 49.92)` | Crushed Orange | black, 7 to 1 |
| 2 | `#1c8d91` | `oklch(58.66% 0.0937 198.92)` | Fish Story | black, 5.2 to 1 |
| 3 | `#171a22` | `oklch(21.65% 0.0165 268.67)` | River Styx | white, 17.4 to 1 |
| 4 | `#c2c9cc` | `oklch(83.07% 0.0083 228.51)` | Bay of Hope | black, 12.4 to 1 |
| 5 | `#9a3871` | `oklch(49.61% 0.1447 347.93)` | Powder Red | white, 6.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #e87527 0.000% 20.000%, #1c8d91 20.000% 40.000%, #171a22 40.000% 60.000%, #c2c9cc 60.000% 80.000%, #9a3871 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(68.50% 0.1654 49.92) 0.000% 20.000%, oklch(58.66% 0.0937 198.92) 20.000% 40.000%, oklch(21.65% 0.0165 268.67) 40.000% 60.000%, oklch(83.07% 0.0083 228.51) 60.000% 80.000%, oklch(49.61% 0.1447 347.93) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.685 | 0.165 | 49.9 |
| 2 | 0.587 | 0.094 | 198.9 |
| 3 | 0.217 | 0.017 | 268.7 |
| 4 | 0.831 | 0.008 | 228.5 |
| 5 | 0.496 | 0.145 | 347.9 |

## In these collections

- [Locker sticker collage](https://grabient.com/locker-sticker-collage)

## Other forms

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