# Blue and rose locker sticker collage palette

The Blue and rose locker sticker collage palette brings together dark blue, blue, magenta, and light blue. 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 blue, and its lightest tone is magenta.

- Also called: Navy, purple, pink and gray linear gradient
- Seed: `kWNCLBvEO_FDWSzfP79W4o0Y`
- Page: https://grabient.com/kWNCLBvEO_FDWSzfP79W4o0Y?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, vivid
- Hues: wide
- 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 | `#10152c` | `oklch(20.47% 0.0469 272.11)` | Liberty Blue | white, 18 to 1 |
| 2 | `#121937` | `oklch(22.69% 0.0586 270.77)` | Dark Knight | white, 17.1 to 1 |
| 3 | `#142047` | `oklch(25.74% 0.0751 268.19)` | Konkikyō Blue | white, 15.8 to 1 |
| 4 | `#14285b` | `oklch(29.38% 0.0947 265.08)` | Schiava Blue | white, 14.1 to 1 |
| 5 | `#123171` | `oklch(33.36% 0.1160 262.13)` | Atlantic Navy | white, 12.2 to 1 |
| 6 | `#0b3b88` | `oklch(37.44% 0.1375 260.07)` | Mystery Oceans | white, 10.4 to 1 |
| 7 | `#07459f` | `oklch(41.39% 0.1578 259.59)` | Space Explorer | white, 8.9 to 1 |
| 8 | `#134cb4` | `oklch(44.96% 0.1754 261.41)` | Blizzy Blueberry | white, 7.7 to 1 |
| 9 | `#2c4fc6` | `oklch(47.93% 0.1891 266.28)` | New Car | white, 6.8 to 1 |
| 10 | `#4a4ed4` | `oklch(50.50% 0.2005 275.33)` | Dark Soft Violet | white, 6.2 to 1 |
| 11 | `#6c49db` | `oklch(52.85% 0.2107 287.83)` | Aconite Purple | white, 5.8 to 1 |
| 12 | `#8c41d8` | `oklch(55.01% 0.2194 302.48)` | Thick Purple | white, 5.4 to 1 |
| 13 | `#ab38cb` | `oklch(57.01% 0.2266 317.95)` | Telemagenta | white, 5 to 1 |
| 14 | `#c62eb6` | `oklch(58.90% 0.2320 332.96)` | Mystifying Magenta | white, 4.6 to 1 |
| 15 | `#dc279f` | `oklch(60.72% 0.2356 346.18)` | Melodramatic Magenta | black, 4.8 to 1 |
| 16 | `#eb268b` | `oklch(62.50% 0.2371 356.32)` | Cruel Jewel | black, 5.1 to 1 |
| 17 | `#f52c80` | `oklch(64.28% 0.2364 2.49)` | Pink Piano | black, 5.5 to 1 |
| 18 | `#fd377b` | `oklch(66.11% 0.2334 6.50)` | Diva Pink | black, 6 to 1 |
| 19 | `#ff4a7c` | `oklch(67.92% 0.2176 8.78)` | Sasquatch Socks | black, 6.5 to 1 |
| 20 | `#ff5a82` | `oklch(69.65% 0.2010 9.39)` | Warm Pink | black, 7 to 1 |
| 21 | `#ff668b` | `oklch(71.26% 0.1877 8.38)` | Berlin Pink | black, 7.5 to 1 |
| 22 | `#ff6f96` | `oklch(72.66% 0.1780 5.79)` | Blush Hour | black, 7.9 to 1 |
| 23 | `#ff75a2` | `oklch(73.82% 0.1726 1.70)` | Pico-8 Pink | black, 8.3 to 1 |
| 24 | `#ff78b0` | `oklch(74.65% 0.1729 356.14)` | Erythrosine | black, 8.5 to 1 |
| 25 | `#f77fc0` | `oklch(75.08% 0.1635 348.35)` | Persian Pink | black, 8.7 to 1 |
| 26 | `#e788d0` | `oklch(75.09% 0.1446 336.89)` | Blushed Bombshell | black, 8.8 to 1 |
| 27 | `#d292da` | `oklch(74.76% 0.1230 322.88)` | Somewhere in a Fairytale | black, 8.8 to 1 |
| 28 | `#bd9bdd` | `oklch(74.22% 0.1003 307.54)` | Mauve Mist | black, 8.8 to 1 |
| 29 | `#aaa1d7` | `oklch(73.56% 0.0778 292.10)` | Simply Violet | black, 8.7 to 1 |
| 30 | `#9ea5cc` | `oklch(72.91% 0.0572 277.77)` | Venus Flower | black, 8.6 to 1 |
| 31 | `#9aa6c0` | `oklch(72.37% 0.0400 265.77)` | Veranda Iris | black, 8.5 to 1 |
| 32 | `#9aa6b6` | `oklch(72.05% 0.0276 257.31)` | Acier Tint | black, 8.4 to 1 |

## CSS

```css
background: linear-gradient(135deg, #10152c 0.0%, #121937 3.2%, #142047 6.5%, #14285b 9.7%, #123171 12.9%, #0b3b88 16.1%, #07459f 19.4%, #134cb4 22.6%, #2c4fc6 25.8%, #4a4ed4 29.0%, #6c49db 32.3%, #8c41d8 35.5%, #ab38cb 38.7%, #c62eb6 41.9%, #dc279f 45.2%, #eb268b 48.4%, #f52c80 51.6%, #fd377b 54.8%, #ff4a7c 58.1%, #ff5a82 61.3%, #ff668b 64.5%, #ff6f96 67.7%, #ff75a2 71.0%, #ff78b0 74.2%, #f77fc0 77.4%, #e788d0 80.6%, #d292da 83.9%, #bd9bdd 87.1%, #aaa1d7 90.3%, #9ea5cc 93.5%, #9aa6c0 96.8%, #9aa6b6 100.0%);
background: linear-gradient(135deg in oklch, oklch(20.47% 0.0469 272.11) 0.0%, oklch(22.69% 0.0586 270.77) 3.2%, oklch(25.74% 0.0751 268.19) 6.5%, oklch(29.38% 0.0947 265.08) 9.7%, oklch(33.36% 0.1160 262.13) 12.9%, oklch(37.44% 0.1375 260.07) 16.1%, oklch(41.39% 0.1578 259.59) 19.4%, oklch(44.96% 0.1754 261.41) 22.6%, oklch(47.93% 0.1891 266.28) 25.8%, oklch(50.50% 0.2005 275.33) 29.0%, oklch(52.85% 0.2107 287.83) 32.3%, oklch(55.01% 0.2194 302.48) 35.5%, oklch(57.01% 0.2266 317.95) 38.7%, oklch(58.90% 0.2320 332.96) 41.9%, oklch(60.72% 0.2356 346.18) 45.2%, oklch(62.50% 0.2371 356.32) 48.4%, oklch(64.28% 0.2364 2.49) 51.6%, oklch(66.11% 0.2334 6.50) 54.8%, oklch(67.92% 0.2176 8.78) 58.1%, oklch(69.65% 0.2010 9.39) 61.3%, oklch(71.26% 0.1877 8.38) 64.5%, oklch(72.66% 0.1780 5.79) 67.7%, oklch(73.82% 0.1726 1.70) 71.0%, oklch(74.65% 0.1729 356.14) 74.2%, oklch(75.08% 0.1635 348.35) 77.4%, oklch(75.09% 0.1446 336.89) 80.6%, oklch(74.76% 0.1230 322.88) 83.9%, oklch(74.22% 0.1003 307.54) 87.1%, oklch(73.56% 0.0778 292.10) 90.3%, oklch(72.91% 0.0572 277.77) 93.5%, oklch(72.37% 0.0400 265.77) 96.8%, oklch(72.05% 0.0276 257.31) 100.0%);
```

## Keyframes

5 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.472 | 0.186 | 264.7 |
| 3 | 0.634 | 0.237 | 359.8 |
| 4 | 0.748 | 0.175 | 354.5 |
| 5 | 0.72 | 0.028 | 257.3 |

## In these collections

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

## Other forms

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