Skip to content

Grabient palettes

Ochre, magenta and emerald locker sticker collage

Rainbow from mustard to teal color palette

The Ochre, magenta and emerald locker sticker collage brings together gold, orange, red, magenta, purple, teal, and green. Angular gradient, 32 colors at 45°: #c9b843, #cc6d53, #8b3b85, #546f9e, #71b78a. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

  • #c9b843
  • #ccb340
  • #d0ab40
  • #d3a342
  • #d49946
  • #d49049
  • #d3854c
  • #d07a4f
  • #cc6d53
  • #c66259
  • #bf585f
  • #b85066
  • #af486c
  • #a74172
  • #9e3c78
  • #953a7f
  • #8b3b85
  • #833e89
  • #7a428d
  • #724790
  • #6a4e93
  • #625798
  • #5a629c
  • #546f9e
  • #537b9e
  • #56869d
  • #598f9d
  • #5b999d
  • #5ca29c
  • #60ac97
  • #67b390
  • #71b78a

CSS

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%);

In these collections

Locker sticker collage

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works