Rose teal twilight diagonal

Blue, purple and pink palette with 48 colors. #127074, #59547a, #7b4a5d, #bd455e, #e34f6e, #e26b97, #a372cb, #007ab3. Edit and export CSS, SVG, PNG or a shader.

48 colors, 5 editable OKLCH keyframes.

#127074
#166e78
#206b7d
#2c6781
#396283
#455d82
#50587f
#59547a
#605174
#664e6d
#6b4c67
#704b62
#754a5f
#7b4a5d
#834a5c
#8b495b
#95495a
#9f485a
#a9475b
#b3465c
#bd455e
#c64460
#cd4363
#d44365
#d94466
#dd4768
#e04a6b
#e34f6e
#e65372
#e75876
#e85d7b
#e86281
#e76688
#e5698f
#e26b97
#de6d9f
#d86ea8
#d06fb2
#c46fbc
#b570c4
#a372cb
#9073cf
#7b75cf
#6676cd
#5078c7
#3a79c1
#2179ba
#007ab3

CSS

background: linear-gradient(225deg in oklch, oklch(49.61% 0.0799 199.69) 0.0%, oklch(49.39% 0.0787 207.42) 2.1%, oklch(49.05% 0.0764 217.70) 4.3%, oklch(48.61% 0.0736 230.01) 6.4%, oklch(48.12% 0.0703 243.86) 8.5%, oklch(47.61% 0.0670 258.74) 10.6%, oklch(47.11% 0.0638 274.14) 12.8%, oklch(46.67% 0.0611 289.57) 14.9%, oklch(46.32% 0.0591 304.51) 17.0%, oklch(46.10% 0.0582 318.46) 19.1%, oklch(46.04% 0.0586 330.93) 21.3%, oklch(46.19% 0.0607 341.40) 23.4%, oklch(46.58% 0.0646 349.41) 25.5%, oklch(47.23% 0.0711 355.61) 27.7%, oklch(48.12% 0.0801 0.50) 29.8%, oklch(49.21% 0.0909 4.23) 31.9%, oklch(50.44% 0.1031 6.95) 34.0%, oklch(51.78% 0.1161 8.82) 36.2%, oklch(53.19% 0.1293 9.99) 38.3%, oklch(54.62% 0.1423 10.62) 40.4%, oklch(56.04% 0.1545 10.87) 42.6%, oklch(57.39% 0.1654 10.87) 44.7%, oklch(58.64% 0.1744 10.80) 46.8%, oklch(59.75% 0.1810 10.80) 48.9%, oklch(60.70% 0.1848 11.00) 51.1%, oklch(61.68% 0.1864 11.27) 53.2%, oklch(62.67% 0.1861 11.47) 55.3%, oklch(63.67% 0.1843 11.52) 57.4%, oklch(64.63% 0.1813 11.31) 59.6%, oklch(65.53% 0.1774 10.74) 61.7%, oklch(66.34% 0.1728 9.72) 63.8%, oklch(67.05% 0.1678 8.14) 66.0%, oklch(67.61% 0.1629 5.91) 68.1%, oklch(68.00% 0.1582 2.92) 70.2%, oklch(68.19% 0.1541 359.08) 72.3%, oklch(68.16% 0.1508 354.28) 74.5%, oklch(67.84% 0.1484 348.14) 76.6%, oklch(67.18% 0.1460 340.14) 78.7%, oklch(66.23% 0.1436 330.61) 80.9%, oklch(65.06% 0.1412 319.94) 83.0%, oklch(63.72% 0.1389 308.52) 85.1%, oklch(62.29% 0.1367 296.74) 87.2%, oklch(60.82% 0.1346 284.97) 89.4%, oklch(59.38% 0.1326 273.60) 91.5%, oklch(58.02% 0.1309 263.02) 93.6%, oklch(56.82% 0.1293 253.61) 95.7%, oklch(55.83% 0.1279 245.75) 97.9%, oklch(55.12% 0.1260 239.86) 100.0%);

In these collections

Pink and teal gradients