# Rose, aqua and violet locker sticker collage

The Rose, aqua and violet locker sticker collage brings together magenta, light gray, light teal, teal, and purple. The colors span a moderate lightness range, combining strong color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is purple, and its lightest tone is light teal.

- Also called: Pink, gray, light blue and purple angular swatches
- Seed: `kWro_9YYa1G2ktzdLMHv0zKg`
- Page: https://grabient.com/kWro_9YYa1G2ktzdLMHv0zKg?style=angularSwatches&steps=5&angle=315
- Drawn as: angular swatches, 5 steps, 315 degrees
- Kinds: light center, vivid, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 4.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 | `#f25a9e` | `oklch(68.50% 0.1970 355.78)` | Oleander Pink | black, 6.7 to 1 |
| 2 | `#aeb4bf` | `oklch(76.77% 0.0179 263.84)` | Glistening Grey | black, 10 to 1 |
| 3 | `#7be7e0` | `oklch(86.22% 0.1006 189.87)` | Blue Crystal Landscape | black, 14.3 to 1 |
| 4 | `#16becf` | `oklch(73.23% 0.1226 206.78)` | Holiday Blue | black, 9.2 to 1 |
| 5 | `#7236c8` | `oklch(49.61% 0.2108 296.60)` | Sagat Purple | white, 6.7 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #f25a9e 0.000% 20.000%, #aeb4bf 20.000% 40.000%, #7be7e0 40.000% 60.000%, #16becf 60.000% 80.000%, #7236c8 80.000% 100.000%);
background: conic-gradient(from 315deg, oklch(68.50% 0.1970 355.78) 0.000% 20.000%, oklch(76.77% 0.0179 263.84) 20.000% 40.000%, oklch(86.22% 0.1006 189.87) 40.000% 60.000%, oklch(73.23% 0.1226 206.78) 60.000% 80.000%, oklch(49.61% 0.2108 296.60) 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.197 | 355.8 |
| 2 | 0.768 | 0.018 | 263.8 |
| 3 | 0.862 | 0.101 | 189.9 |
| 4 | 0.732 | 0.123 | 206.8 |
| 5 | 0.496 | 0.211 | 296.6 |

## In these collections

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

## Other forms

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