# Stone and blue locker sticker collage palette

The Stone and blue locker sticker collage palette brings together light green, light teal, and blue. The colors span a moderate lightness range, combining restrained color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is light green.

- Also called: Gray and blue linear gradient
- Seed: `kW1CJf3w_JE8bRJAG8GOg5DQ`
- Page: https://grabient.com/kW1CJf3w_JE8bRJAG8GOg5DQ?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: light to dark, muted, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.4 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 | `#bcd0b1` | `oklch(83.46% 0.0469 134.30)` | Apple Ice | black, 12.8 to 1 |
| 2 | `#b7cfb3` | `oklch(82.80% 0.0463 140.75)` | Lime Taffy | black, 12.5 to 1 |
| 3 | `#b0cdb5` | `oklch(81.94% 0.0452 149.67)` | Misty Jade | black, 12.2 to 1 |
| 4 | `#a9cab7` | `oklch(80.92% 0.0439 160.30)` | Bird’s Egg Green | black, 11.8 to 1 |
| 5 | `#a2c6ba` | `oklch(79.77% 0.0427 171.90)` | New-Age Green | black, 11.3 to 1 |
| 6 | `#9cc2bc` | `oklch(78.52% 0.0417 183.74)` | Pitter Patter | black, 10.8 to 1 |
| 7 | `#97bebd` | `oklch(77.20% 0.0413 195.07)` | Turner’s Light | black, 10.3 to 1 |
| 8 | `#92b9bd` | `oklch(75.83% 0.0417 205.15)` | Watchet | black, 9.8 to 1 |
| 9 | `#8eb4bd` | `oklch(74.46% 0.0432 213.29)` | Kitchen Blue | black, 9.3 to 1 |
| 10 | `#88afbc` | `oklch(72.99% 0.0461 220.18)` | Open Seas | black, 8.9 to 1 |
| 11 | `#82aabb` | `oklch(71.41% 0.0502 226.33)` | Summerhouse Blue | black, 8.3 to 1 |
| 12 | `#7ba4ba` | `oklch(69.76% 0.0550 231.82)` | Blue Ridge Mist | black, 7.8 to 1 |
| 13 | `#759fb9` | `oklch(68.06% 0.0602 236.73)` | Blue Nile | black, 7.3 to 1 |
| 14 | `#6f99b8` | `oklch(66.35% 0.0652 241.14)` | Splendid Blue | black, 6.9 to 1 |
| 15 | `#6a93b6` | `oklch(64.65% 0.0696 245.14)` | Heavenly Sky | black, 6.4 to 1 |
| 16 | `#668db4` | `oklch(63.00% 0.0732 248.81)` | Blue Dazzle | black, 6 to 1 |
| 17 | `#6387b1` | `oklch(61.41% 0.0754 252.11)` | Perfect Periwinkle | black, 5.6 to 1 |
| 18 | `#5f82ad` | `oklch(59.76% 0.0772 254.57)` | Navigator | black, 5.2 to 1 |
| 19 | `#5c7ca9` | `oklch(58.09% 0.0785 256.33)` | Deck Crew | black, 4.9 to 1 |
| 20 | `#5877a4` | `oklch(56.42% 0.0792 257.64)` | Vinca | black, 4.5 to 1 |
| 21 | `#54729f` | `oklch(54.81% 0.0795 258.77)` | Cobalt Flame | white, 4.9 to 1 |
| 22 | `#516d9b` | `oklch(53.28% 0.0791 259.97)` | San Marino | white, 5.2 to 1 |
| 23 | `#4f6996` | `oklch(51.89% 0.0781 261.50)` | Blue Odyssey | white, 5.5 to 1 |
| 24 | `#4e6591` | `oklch(50.67% 0.0763 263.62)` | Dutch Blue | white, 5.8 to 1 |
| 25 | `#4f618d` | `oklch(49.64% 0.0736 266.58)` | Karmic Grape | white, 6.1 to 1 |
| 26 | `#515e87` | `oklch(48.75% 0.0693 270.28)` | Indigo Navy Blue | white, 6.3 to 1 |
| 27 | `#535b82` | `oklch(48.00% 0.0639 274.47)` | Marlin | white, 6.6 to 1 |
| 28 | `#54597c` | `oklch(47.37% 0.0580 278.85)` | Blue Glaze | white, 6.7 to 1 |
| 29 | `#565777` | `oklch(46.83% 0.0521 283.16)` | The Fang | white, 6.9 to 1 |
| 30 | `#575572` | `oklch(46.38% 0.0465 287.11)` | The Fang | white, 7 to 1 |
| 31 | `#57546e` | `oklch(46.00% 0.0418 290.42)` | Sombre Grey | white, 7.2 to 1 |
| 32 | `#58536b` | `oklch(45.67% 0.0386 292.81)` | Arraign | white, 7.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #bcd0b1 0.0%, #b7cfb3 3.2%, #b0cdb5 6.5%, #a9cab7 9.7%, #a2c6ba 12.9%, #9cc2bc 16.1%, #97bebd 19.4%, #92b9bd 22.6%, #8eb4bd 25.8%, #88afbc 29.0%, #82aabb 32.3%, #7ba4ba 35.5%, #759fb9 38.7%, #6f99b8 41.9%, #6a93b6 45.2%, #668db4 48.4%, #6387b1 51.6%, #5f82ad 54.8%, #5c7ca9 58.1%, #5877a4 61.3%, #54729f 64.5%, #516d9b 67.7%, #4f6996 71.0%, #4e6591 74.2%, #4f618d 77.4%, #515e87 80.6%, #535b82 83.9%, #54597c 87.1%, #565777 90.3%, #575572 93.5%, #57546e 96.8%, #58536b 100.0%);
background: linear-gradient(90deg in oklch, oklch(83.46% 0.0469 134.30) 0.0%, oklch(82.80% 0.0463 140.75) 3.2%, oklch(81.94% 0.0452 149.67) 6.5%, oklch(80.92% 0.0439 160.30) 9.7%, oklch(79.77% 0.0427 171.90) 12.9%, oklch(78.52% 0.0417 183.74) 16.1%, oklch(77.20% 0.0413 195.07) 19.4%, oklch(75.83% 0.0417 205.15) 22.6%, oklch(74.46% 0.0432 213.29) 25.8%, oklch(72.99% 0.0461 220.18) 29.0%, oklch(71.41% 0.0502 226.33) 32.3%, oklch(69.76% 0.0550 231.82) 35.5%, oklch(68.06% 0.0602 236.73) 38.7%, oklch(66.35% 0.0652 241.14) 41.9%, oklch(64.65% 0.0696 245.14) 45.2%, oklch(63.00% 0.0732 248.81) 48.4%, oklch(61.41% 0.0754 252.11) 51.6%, oklch(59.76% 0.0772 254.57) 54.8%, oklch(58.09% 0.0785 256.33) 58.1%, oklch(56.42% 0.0792 257.64) 61.3%, oklch(54.81% 0.0795 258.77) 64.5%, oklch(53.28% 0.0791 259.97) 67.7%, oklch(51.89% 0.0781 261.50) 71.0%, oklch(50.67% 0.0763 263.62) 74.2%, oklch(49.64% 0.0736 266.58) 77.4%, oklch(48.75% 0.0693 270.28) 80.6%, oklch(48.00% 0.0639 274.47) 83.9%, oklch(47.37% 0.0580 278.85) 87.1%, oklch(46.83% 0.0521 283.16) 90.3%, oklch(46.38% 0.0465 287.11) 93.5%, oklch(46.00% 0.0418 290.42) 96.8%, oklch(45.67% 0.0386 292.81) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.835 | 0.047 | 134.3 |
| 2 | 0.748 | 0.043 | 211.4 |
| 3 | 0.622 | 0.074 | 250.5 |
| 4 | 0.504 | 0.076 | 264.3 |
| 5 | 0.457 | 0.039 | 292.8 |

## In these collections

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

## Other forms

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