Turquoise, indigo and orange vivid multicolor palette

Vivid cyan, blue, purple and orange color palette

The Turquoise, indigo and orange vivid multicolor palette brings together teal, blue, magenta, and orange. Linear gradient, 32 colors at 45°: #15f0ff, #00b4e8, #6760f2, #fd3c9d, #ff752f. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#15f0ff
#00ebfe
#00e5fb
#01def7
#09d6f3
#0dcdef
#0cc5eb
#06bce9
#00b4e8
#00ace7
#00a2e7
#0097e7
#008cec
#2480ee
#3c74f0
#516af1
#6760f2
#7e58f0
#9750ec
#b04ae3
#c844d6
#de40c5
#f03db1
#fd3c9d
#ff4a8b
#ff567b
#ff5f6d
#ff6560
#ff6a53
#ff6e47
#ff723a
#ff752f

CSS

background: linear-gradient(45deg in oklch, oklch(87.01% 0.1464 203.20) 0.0%, oklch(85.84% 0.1466 204.88) 3.2%, oklch(84.28% 0.1445 206.93) 6.5%, oklch(82.43% 0.1422 209.35) 9.7%, oklch(80.37% 0.1394 212.16) 12.9%, oklch(78.20% 0.1372 215.38) 16.1%, oklch(76.02% 0.1362 219.03) 19.4%, oklch(73.91% 0.1370 223.10) 22.6%, oklch(71.96% 0.1398 227.63) 25.8%, oklch(69.83% 0.1433 232.49) 29.0%, oklch(67.48% 0.1489 237.71) 32.3%, oklch(65.09% 0.1584 243.33) 35.5%, oklch(62.80% 0.1750 249.41) 38.7%, oklch(60.77% 0.1859 255.98) 41.9%, oklch(59.16% 0.1960 263.14) 45.2%, oklch(58.12% 0.2046 270.92) 48.4%, oklch(57.83% 0.2113 279.50) 51.6%, oklch(58.33% 0.2176 289.43) 54.8%, oklch(59.45% 0.2236 300.41) 58.1%, oklch(60.99% 0.2290 312.00) 61.3%, oklch(62.76% 0.2335 323.74) 64.5%, oklch(64.56% 0.2368 335.17) 67.7%, oklch(66.20% 0.2386 345.86) 71.0%, oklch(67.48% 0.2387 355.36) 74.2%, oklch(68.35% 0.2199 3.60) 77.4%, oklch(69.08% 0.2044 11.34) 80.6%, oklch(69.71% 0.1946 18.53) 83.9%, oklch(70.24% 0.1888 25.11) 87.1%, oklch(70.69% 0.1860 31.02) 90.3%, oklch(71.06% 0.1853 36.18) 93.5%, oklch(71.38% 0.1858 40.52) 96.8%, oklch(71.65% 0.1860 43.99) 100.0%);

In these collections

Vivid multicolor gradients