# Spirit Day Target Rings

Five concentric swatch rings move from cool gray through team blue and highlighter lime to paper white and purple at the edge. The circular structure resembles layered spirit stickers or color-coded binder tabs, with strong light-dark separation for badges, club graphics, schedule markers, and upbeat back-to-school layouts.

- Also called: Gray, green, white and purple radial swatches
- Seed: `kWow62wLrAufGL_5hLutq2ug`
- Page: https://grabient.com/kWow62wLrAufGL_5hLutq2ug?style=radialSwatches&steps=5&angle=0
- Drawn as: radial swatches, 5 steps, 0 degrees
- Kinds: light center
- Hues: multi-hue
- Contrast of its darkest and lightest colors: 7.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 | `#858d99` | `oklch(64.17% 0.0193 256.64)` | Applause Please | black, 6.2 to 1 |
| 2 | `#315fc0` | `oklch(50.79% 0.1612 262.98)` | Amnesia Blue | white, 5.9 to 1 |
| 3 | `#9fd836` | `oklch(81.50% 0.1929 127.72)` | Effervescent Lime | black, 12.3 to 1 |
| 4 | `#f4f1e8` | `oklch(95.67% 0.0124 91.79)` | Wishful White | black, 18.5 to 1 |
| 5 | `#603986` | `oklch(42.91% 0.1254 304.90)` | Tillandsia Purple | white, 8.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #858d99 0.000% 20.000%, #315fc0 20.000% 40.000%, #9fd836 40.000% 60.000%, #f4f1e8 60.000% 80.000%, #603986 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(64.17% 0.0193 256.64) 0.000% 20.000%, oklch(50.79% 0.1612 262.98) 20.000% 40.000%, oklch(81.50% 0.1929 127.72) 40.000% 60.000%, oklch(95.67% 0.0124 91.79) 60.000% 80.000%, oklch(42.91% 0.1254 304.90) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.642 | 0.019 | 256.6 |
| 2 | 0.508 | 0.161 | 263 |
| 3 | 0.815 | 0.193 | 127.7 |
| 4 | 0.957 | 0.012 | 91.8 |
| 5 | 0.429 | 0.125 | -55.1 |

## In these collections

- [Back to school swatches](https://grabient.com/back-to-school-swatches)

## Other forms

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