# Blue and rose locker sticker collage palette

This palette moves from dark blue through magenta to light blue. It steadily lightens across a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and social graphics, especially compositions that need a controlled shift between darker and lighter areas.

- Also called: Navy, purple, pink and gray radial gradient
- Seed: `kSNCLB0NZKNuKM8`
- Page: https://grabient.com/kSNCLB0NZKNuKM8?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark to light
- Hues: wide
- Contrast of its darkest and lightest colors: 7.2 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 | `#10152c` | `oklch(20.47% 0.0469 272.11)` | Liberty Blue | white, 18 to 1 |
| 2 | `#141834` | `oklch(22.10% 0.0545 275.62)` | Lost in Sadness | white, 17.4 to 1 |
| 3 | `#1b1b3d` | `oklch(24.16% 0.0650 280.42)` | Nightwalker | white, 16.5 to 1 |
| 4 | `#241d49` | `oklch(26.59% 0.0777 286.28)` | Azulado | white, 15.5 to 1 |
| 5 | `#2f2055` | `oklch(29.35% 0.0923 292.99)` | Cluedo Night | white, 14.3 to 1 |
| 6 | `#3d2261` | `oklch(32.35% 0.1082 300.32)` | Christalle | white, 13 to 1 |
| 7 | `#4e236d` | `oklch(35.54% 0.1250 308.04)` | Elegant Purple Gown | white, 11.7 to 1 |
| 8 | `#612476` | `oklch(38.85% 0.1422 315.94)` | Berry Blackmail | white, 10.4 to 1 |
| 9 | `#75237e` | `oklch(42.24% 0.1593 323.79)` | Count’s Wardrobe | white, 9.1 to 1 |
| 10 | `#8a2182` | `oklch(45.62% 0.1758 331.37)` | Noble Plum | white, 8 to 1 |
| 11 | `#9f1f84` | `oklch(48.94% 0.1913 338.46)` | Blissful Berry | white, 7 to 1 |
| 12 | `#b31c84` | `oklch(52.15% 0.2053 344.84)` | King’s Plum Pie | white, 6.1 to 1 |
| 13 | `#c61983` | `oklch(55.17% 0.2174 350.29)` | Bramble Jam | white, 5.4 to 1 |
| 14 | `#d61982` | `oklch(57.94% 0.2269 354.57)` | Vivid Cerise | white, 4.8 to 1 |
| 15 | `#e31d82` | `oklch(60.40% 0.2336 357.48)` | Mexican Pink | black, 4.7 to 1 |
| 16 | `#ed2485` | `oklch(62.50% 0.2368 358.78)` | Cruel Jewel | black, 5.1 to 1 |
| 17 | `#f22e8b` | `oklch(64.19% 0.2362 358.26)` | Prickly Pink | black, 5.5 to 1 |
| 18 | `#f43a96` | `oklch(65.61% 0.2316 355.88)` | Prickly Pink | black, 5.8 to 1 |
| 19 | `#f346a3` | `oklch(66.82% 0.2236 351.84)` | Major Magenta | black, 6.2 to 1 |
| 20 | `#ee53b2` | `oklch(67.83% 0.2126 346.39)` | Major Magenta | black, 6.4 to 1 |
| 21 | `#e65fc1` | `oklch(68.66% 0.1992 339.77)` | Pink Charge | black, 6.7 to 1 |
| 22 | `#dc6bce` | `oklch(69.34% 0.1837 332.20)` | Pink Orchid | black, 7 to 1 |
| 23 | `#cf76d8` | `oklch(69.88% 0.1667 323.92)` | Jewel Caterpillar | black, 7.2 to 1 |
| 24 | `#c280de` | `oklch(70.31% 0.1488 315.16)` | Lavender Perceptions | black, 7.4 to 1 |
| 25 | `#b58ae0` | `oklch(70.64% 0.1303 306.17)` | Luminous Lavender | black, 7.6 to 1 |
| 26 | `#a992de` | `oklch(70.90% 0.1118 297.17)` | Middy’s Purple | black, 7.8 to 1 |
| 27 | `#9f98d9` | `oklch(71.10% 0.0937 288.40)` | Gorgeous Hydrangea | black, 8 to 1 |
| 28 | `#999dd2` | `oklch(71.27% 0.0766 280.10)` | Bluebell Frost | black, 8.1 to 1 |
| 29 | `#96a1ca` | `oklch(71.43% 0.0610 272.50)` | Fields of Heather | black, 8.2 to 1 |
| 30 | `#95a3c2` | `oklch(71.60% 0.0472 265.84)` | Wild Clary | black, 8.3 to 1 |
| 31 | `#97a5bb` | `oklch(71.80% 0.0359 260.35)` | Zen Blue | black, 8.4 to 1 |
| 32 | `#9aa6b6` | `oklch(72.05% 0.0276 256.26)` | Acier Tint | black, 8.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #10152c 0.0%, #141834 3.2%, #1b1b3d 6.5%, #241d49 9.7%, #2f2055 12.9%, #3d2261 16.1%, #4e236d 19.4%, #612476 22.6%, #75237e 25.8%, #8a2182 29.0%, #9f1f84 32.3%, #b31c84 35.5%, #c61983 38.7%, #d61982 41.9%, #e31d82 45.2%, #ed2485 48.4%, #f22e8b 51.6%, #f43a96 54.8%, #f346a3 58.1%, #ee53b2 61.3%, #e65fc1 64.5%, #dc6bce 67.7%, #cf76d8 71.0%, #c280de 74.2%, #b58ae0 77.4%, #a992de 80.6%, #9f98d9 83.9%, #999dd2 87.1%, #96a1ca 90.3%, #95a3c2 93.5%, #97a5bb 96.8%, #9aa6b6 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(20.47% 0.0469 272.11) 0.0%, oklch(22.10% 0.0545 275.62) 3.2%, oklch(24.16% 0.0650 280.42) 6.5%, oklch(26.59% 0.0777 286.28) 9.7%, oklch(29.35% 0.0923 292.99) 12.9%, oklch(32.35% 0.1082 300.32) 16.1%, oklch(35.54% 0.1250 308.04) 19.4%, oklch(38.85% 0.1422 315.94) 22.6%, oklch(42.24% 0.1593 323.79) 25.8%, oklch(45.62% 0.1758 331.37) 29.0%, oklch(48.94% 0.1913 338.46) 32.3%, oklch(52.15% 0.2053 344.84) 35.5%, oklch(55.17% 0.2174 350.29) 38.7%, oklch(57.94% 0.2269 354.57) 41.9%, oklch(60.40% 0.2336 357.48) 45.2%, oklch(62.50% 0.2368 358.78) 48.4%, oklch(64.19% 0.2362 358.26) 51.6%, oklch(65.61% 0.2316 355.88) 54.8%, oklch(66.82% 0.2236 351.84) 58.1%, oklch(67.83% 0.2126 346.39) 61.3%, oklch(68.66% 0.1992 339.77) 64.5%, oklch(69.34% 0.1837 332.20) 67.7%, oklch(69.88% 0.1667 323.92) 71.0%, oklch(70.31% 0.1488 315.16) 74.2%, oklch(70.64% 0.1303 306.17) 77.4%, oklch(70.90% 0.1118 297.17) 80.6%, oklch(71.10% 0.0937 288.40) 83.9%, oklch(71.27% 0.0766 280.10) 87.1%, oklch(71.43% 0.0610 272.50) 90.3%, oklch(71.60% 0.0472 265.84) 93.5%, oklch(71.80% 0.0359 260.35) 96.8%, oklch(72.05% 0.0276 256.26) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.205 | 0.047 | 272.1 |
| 2 | 0.634 | 0.237 | 358.8 |
| 3 | 0.72 | 0.028 | 256.3 |

## In these collections

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

## Other forms

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