Stapled Spectrum palette

Rainbow from black to orange color palette

The Stapled Spectrum palette brings together dark gray, pale orange, blue, red, and gold. Linear gradient, 32 colors at 90°: #121212, #ebe2c7, #4d5cb5, #e74339, #e7c62d. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#121212
#212120
#3a3936
#5b5854
#807b74
#a69f95
#c8beb1
#e1d6c3
#ebe2c7
#e2e2be
#c6dab0
#9acba6
#62b8a5
#239fab
#0085b0
#2c6db4
#4d5cb5
#684fb2
#8344aa
#9d3c9d
#b5368a
#cb3473
#dc3959
#e74339
#ec5300
#e56f00
#e48300
#e69400
#e8a300
#eab100
#eabc10
#e7c62d

CSS

background: linear-gradient(90deg in oklch, oklch(18.11% 0.0000 89.88) 0.0%, oklch(24.76% 0.0023 88.64) 3.2%, oklch(34.51% 0.0048 85.47) 6.5%, oklch(46.16% 0.0078 81.61) 9.7%, oklch(58.53% 0.0114 78.21) 12.9%, oklch(70.43% 0.0159 76.41) 16.1%, oklch(80.65% 0.0215 77.33) 19.4%, oklch(88.02% 0.0284 82.13) 22.6%, oklch(91.34% 0.0367 91.94) 25.8%, oklch(90.41% 0.0473 107.62) 29.0%, oklch(86.21% 0.0598 128.13) 32.3%, oklch(79.79% 0.0736 152.04) 35.5%, oklch(72.21% 0.0882 177.91) 38.7%, oklch(64.50% 0.1027 204.32) 41.9%, oklch(57.72% 0.1148 229.85) 45.2%, oklch(52.91% 0.1294 253.03) 48.4%, oklch(50.84% 0.1405 272.99) 51.6%, oklch(50.39% 0.1519 291.94) 54.8%, oklch(51.07% 0.1632 310.23) 58.1%, oklch(52.60% 0.1739 327.76) 61.3%, oklch(54.73% 0.1837 344.41) 64.5%, oklch(57.20% 0.1920 0.08) 67.7%, oklch(59.73% 0.1983 14.65) 71.0%, oklch(62.07% 0.2021 28.03) 74.2%, oklch(64.29% 0.2011 40.17) 77.4%, oklch(66.99% 0.1740 51.27) 80.6%, oklch(70.00% 0.1621 61.33) 83.9%, oklch(73.13% 0.1581 70.33) 87.1%, oklch(76.20% 0.1587 78.27) 90.3%, oklch(79.01% 0.1619 85.14) 93.5%, oklch(81.36% 0.1641 90.93) 96.8%, oklch(83.07% 0.1598 95.64) 100.0%);

In these collections

Zine colors