# Ochre, magenta and emerald locker sticker collage

The Ochre, magenta and emerald locker sticker collage brings together gold, orange, red, magenta, purple, teal, and green. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is magenta, and its lightest tone is gold.

- Also called: Rainbow from mustard to teal angular gradient
- Seed: `kaxWNIWau7cowui-tTsvqY7M4WNvbo7hg`
- Page: https://grabient.com/kaxWNIWau7cowui-tTsvqY7M4WNvbo7hg?style=angularGradient&steps=32&angle=45
- Drawn as: angular gradient, 32 steps, 45 degrees
- Kinds: rainbow
- Hues: wide
- Contrast of its darkest and lightest colors: 3.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 | `#c9b843` | `oklch(77.56% 0.1364 101.25)` | Warm Olive | black, 10.4 to 1 |
| 2 | `#ccb340` | `oklch(76.71% 0.1338 96.44)` | Sugar Leaves | black, 10 to 1 |
| 3 | `#d0ab40` | `oklch(75.57% 0.1298 89.77)` | Haystack | black, 9.6 to 1 |
| 4 | `#d3a342` | `oklch(74.17% 0.1255 81.85)` | Cremini | black, 9 to 1 |
| 5 | `#d49946` | `oklch(72.56% 0.1219 73.26)` | Bugle Call | black, 8.4 to 1 |
| 6 | `#d49049` | `oklch(70.78% 0.1200 64.61)` | Golden Nugget | black, 7.8 to 1 |
| 7 | `#d3854c` | `oklch(68.76% 0.1204 55.87)` | Flaming Torch | black, 7.2 to 1 |
| 8 | `#d07a4f` | `oklch(66.39% 0.1226 46.40)` | Brown Sugar Glaze | black, 6.5 to 1 |
| 9 | `#cc6d53` | `oklch(63.85% 0.1258 36.57)` | Copper Red | black, 5.8 to 1 |
| 10 | `#c66259` | `oklch(61.32% 0.1295 26.80)` | Sunglo | black, 5.2 to 1 |
| 11 | `#bf585f` | `oklch(58.98% 0.1328 17.51)` | Pimm’s | black, 4.7 to 1 |
| 12 | `#b85066` | `oklch(56.88% 0.1357 9.00)` | Glamorous | white, 4.8 to 1 |
| 13 | `#af486c` | `oklch(54.79% 0.1397 1.02)` | Bing Cherry Pie | white, 5.2 to 1 |
| 14 | `#a74172` | `oklch(52.82% 0.1436 353.36)` | Magenta Haze | white, 5.7 to 1 |
| 15 | `#9e3c78` | `oklch(51.09% 0.1464 345.85)` | Maximum Red Purple | white, 6.2 to 1 |
| 16 | `#953a7f` | `oklch(49.72% 0.1470 338.29)` | Purple Wine | white, 6.5 to 1 |
| 17 | `#8b3b85` | `oklch(48.80% 0.1442 330.71)` | Dahlia | white, 6.8 to 1 |
| 18 | `#833e89` | `oklch(48.19% 0.1381 323.86)` | Violet Webcap | white, 6.9 to 1 |
| 19 | `#7a428d` | `oklch(47.89% 0.1297 317.18)` | Nightly Violet | white, 7 to 1 |
| 20 | `#724790` | `oklch(47.99% 0.1202 309.90)` | Grapes of Italy | white, 6.9 to 1 |
| 21 | `#6a4e93` | `oklch(48.55% 0.1106 301.22)` | Parfait d’Amour | white, 6.6 to 1 |
| 22 | `#625798` | `oklch(49.66% 0.1018 290.36)` | Purple Opulence | white, 6.3 to 1 |
| 23 | `#5a629c` | `oklch(51.53% 0.0915 276.89)` | Violet Storm | white, 5.7 to 1 |
| 24 | `#546f9e` | `oklch(53.98% 0.0805 261.65)` | Chesty Bond | white, 5 to 1 |
| 25 | `#537b9e` | `oklch(56.71% 0.0704 245.72)` | Biedermeier Blue | black, 4.6 to 1 |
| 26 | `#56869d` | `oklch(59.41% 0.0632 230.14)` | Raging Tide | black, 5.2 to 1 |
| 27 | `#598f9d` | `oklch(61.79% 0.0606 215.93)` | Sail Cover | black, 5.8 to 1 |
| 28 | `#5b999d` | `oklch(64.13% 0.0643 201.77)` | Jugendstil Turquoise | black, 6.4 to 1 |
| 29 | `#5ca29c` | `oklch(66.53% 0.0724 187.47)` | Aqua Rapids | black, 7.1 to 1 |
| 30 | `#60ac97` | `oklch(68.78% 0.0824 174.14)` | Green Crush | black, 7.8 to 1 |
| 31 | `#67b390` | `oklch(70.68% 0.0917 162.88)` | Crazy Eyes | black, 8.4 to 1 |
| 32 | `#71b78a` | `oklch(72.05% 0.0978 154.79)` | Frog Pond | black, 8.8 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #c9b843 0.0%, #ccb340 3.2%, #d0ab40 6.5%, #d3a342 9.7%, #d49946 12.9%, #d49049 16.1%, #d3854c 19.4%, #d07a4f 22.6%, #cc6d53 25.8%, #c66259 29.0%, #bf585f 32.3%, #b85066 35.5%, #af486c 38.7%, #a74172 41.9%, #9e3c78 45.2%, #953a7f 48.4%, #8b3b85 51.6%, #833e89 54.8%, #7a428d 58.1%, #724790 61.3%, #6a4e93 64.5%, #625798 67.7%, #5a629c 71.0%, #546f9e 74.2%, #537b9e 77.4%, #56869d 80.6%, #598f9d 83.9%, #5b999d 87.1%, #5ca29c 90.3%, #60ac97 93.5%, #67b390 96.8%, #71b78a 100.0%);
background: conic-gradient(from 45deg in oklch, oklch(77.56% 0.1364 101.25) 0.0%, oklch(76.71% 0.1338 96.44) 3.2%, oklch(75.57% 0.1298 89.77) 6.5%, oklch(74.17% 0.1255 81.85) 9.7%, oklch(72.56% 0.1219 73.26) 12.9%, oklch(70.78% 0.1200 64.61) 16.1%, oklch(68.76% 0.1204 55.87) 19.4%, oklch(66.39% 0.1226 46.40) 22.6%, oklch(63.85% 0.1258 36.57) 25.8%, oklch(61.32% 0.1295 26.80) 29.0%, oklch(58.98% 0.1328 17.51) 32.3%, oklch(56.88% 0.1357 9.00) 35.5%, oklch(54.79% 0.1397 1.02) 38.7%, oklch(52.82% 0.1436 353.36) 41.9%, oklch(51.09% 0.1464 345.85) 45.2%, oklch(49.72% 0.1470 338.29) 48.4%, oklch(48.80% 0.1442 330.71) 51.6%, oklch(48.19% 0.1381 323.86) 54.8%, oklch(47.89% 0.1297 317.18) 58.1%, oklch(47.99% 0.1202 309.90) 61.3%, oklch(48.55% 0.1106 301.22) 64.5%, oklch(49.66% 0.1018 290.36) 67.7%, oklch(51.53% 0.0915 276.89) 71.0%, oklch(53.98% 0.0805 261.65) 74.2%, oklch(56.71% 0.0704 245.72) 77.4%, oklch(59.41% 0.0632 230.14) 80.6%, oklch(61.79% 0.0606 215.93) 83.9%, oklch(64.13% 0.0643 201.77) 87.1%, oklch(66.53% 0.0724 187.47) 90.3%, oklch(68.78% 0.0824 174.14) 93.5%, oklch(70.68% 0.0917 162.88) 96.8%, oklch(72.05% 0.0978 154.79) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.776 | 0.136 | 101.3 |
| 2 | 0.705 | 0.12 | 63.2 |
| 3 | 0.583 | 0.134 | 14.6 |
| 4 | 0.492 | 0.146 | -25.6 |
| 5 | 0.492 | 0.105 | -65.7 |
| 6 | 0.614 | 0.061 | -141.8 |
| 7 | 0.72 | 0.098 | -205.2 |

## In these collections

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

## Other forms

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