Crimson, sage and orange tetradic palette

Rainbow from purple to orange color palette

The Crimson, sage and orange tetradic palette brings together red, purple, blue, teal, green, gold, and orange. Linear gradient, 32 colors at 135°: #8f2a3f, #494f9a, #3e9878, #c1cb56, #df7e41. Edit and export CSS, SVG, PNG or a shader.

8 editable OKLCH keyframes.

#8f2a3f
#8b2b4b
#852e5a
#7c326a
#723778
#693c83
#60418c
#554794
#494f9a
#3b589e
#2e649e
#286f9b
#2c7a97
#338393
#348b8e
#359286
#3e9878
#509e69
#65a35d
#79ac57
#8bb654
#9cc053
#aec753
#c1cb56
#d1cf62
#dfd16f
#e8d076
#ecc873
#ecb765
#e9a253
#e48c46
#df7e41

CSS

background: linear-gradient(135deg in oklch, oklch(44.49% 0.1350 12.66) 0.0%, oklch(44.36% 0.1326 4.09) 3.2%, oklch(44.14% 0.1291 351.86) 6.5%, oklch(43.97% 0.1254 337.89) 9.7%, oklch(43.99% 0.1222 324.12) 12.9%, oklch(44.28% 0.1206 312.02) 16.1%, oklch(44.66% 0.1209 300.49) 19.4%, oklch(45.24% 0.1216 289.04) 22.6%, oklch(46.13% 0.1211 277.37) 25.8%, oklch(47.47% 0.1178 265.21) 29.0%, oklch(49.45% 0.1092 252.59) 32.3%, oklch(51.91% 0.0976 239.65) 35.5%, oklch(54.50% 0.0867 226.39) 38.7%, oklch(56.88% 0.0803 212.80) 41.9%, oklch(58.77% 0.0817 198.40) 45.2%, oklch(60.27% 0.0893 182.57) 48.4%, oklch(61.70% 0.0999 166.80) 51.6%, oklch(63.40% 0.1108 152.65) 54.8%, oklch(65.70% 0.1193 141.66) 58.1%, oklch(68.82% 0.1276 134.27) 61.3%, oklch(72.38% 0.1358 129.15) 64.5%, oklch(75.87% 0.1421 124.84) 67.7%, oklch(78.79% 0.1447 119.88) 71.0%, oklch(81.19% 0.1411 113.89) 74.2%, oklch(83.50% 0.1319 107.89) 77.4%, oklch(85.20% 0.1211 101.62) 80.6%, oklch(85.79% 0.1132 94.78) 83.9%, oklch(84.66% 0.1122 86.91) 87.1%, oklch(81.21% 0.1178 76.99) 90.3%, oklch(76.52% 0.1268 66.41) 93.5%, oklch(71.96% 0.1359 56.93) 96.8%, oklch(68.90% 0.1419 50.35) 100.0%);

In these collections

Tetradic color palette