Yellow and indigo rainbow loop palette

The Yellow and indigo rainbow loop palette brings together light yellow, light green, light teal, blue, light magenta, light red, and pale yellow. Linear gradient, 32 colors at 135°: #f4f5ad, #8beac0, #5e54e7, #e47bb5, #f7f2be. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

#f4f5ad
#ebf2a6
#dced9d
#cae995
#b5e592
#a1e395
#92e49f
#8ce7af
#8beac0
#87eace
#7be7d9
#59dbdf
#00c6e4
#00a6e0
#0086e5
#3b66ec
#5e54e7
#7952e6
#955ae6
#af67e5
#c672e2
#d778d7
#e07ac7
#e47bb5
#e57da3
#e68395
#ea8e8a
#efa086
#f4b78b
#f6cf99
#f7e4ad
#f7f2be

CSS

background: linear-gradient(135deg in oklch, oklch(95.28% 0.0909 108.28) 0.0%, oklch(93.78% 0.0963 112.51) 3.2%, oklch(91.59% 0.1043 118.33) 6.5%, oklch(89.13% 0.1131 125.29) 9.7%, oklch(86.86% 0.1207 132.94) 12.9%, oklch(85.22% 0.1251 140.80) 16.1%, oklch(84.79% 0.1238 148.46) 19.4%, oklch(85.51% 0.1169 156.11) 22.6%, oklch(86.53% 0.1084 164.30) 25.8%, oklch(86.94% 0.1023 173.58) 29.0%, oklch(85.88% 0.1025 184.50) 32.3%, oklch(82.28% 0.1134 197.89) 35.5%, oklch(75.88% 0.1335 214.25) 38.7%, oklch(68.26% 0.1395 232.12) 41.9%, oklch(61.07% 0.1726 249.94) 45.2%, oklch(55.97% 0.2071 266.13) 48.4%, oklch(54.48% 0.2141 279.36) 51.6%, oklch(56.31% 0.2115 290.18) 54.8%, oklch(60.14% 0.2027 299.54) 58.1%, oklch(64.70% 0.1906 308.30) 61.3%, oklch(68.72% 0.1780 317.30) 64.5%, oklch(71.00% 0.1676 327.27) 67.7%, oklch(71.72% 0.1571 337.26) 71.0%, oklch(71.72% 0.1458 347.26) 74.2%, oklch(71.65% 0.1343 357.75) 77.4%, oklch(72.20% 0.1231 9.22) 80.6%, oklch(74.05% 0.1127 22.19) 83.9%, oklch(77.69% 0.1022 38.51) 87.1%, oklch(82.50% 0.0916 57.20) 90.3%, oklch(87.62% 0.0818 75.84) 93.5%, oklch(92.17% 0.0735 92.03) 96.8%, oklch(95.28% 0.0675 103.35) 100.0%);

In these collections

Rainbow loop gradients