Coral Cyan Aurora Drift

This diagonal gradient moves from dusty coral through burgundy, violet, and deep indigo, then turns across teal, cyan, pale blue… #d98962, #007d9e, #e989b4.

32 colors, 4 editable OKLCH keyframes.

#d98962
#d37f62
#c87062
#ba6063
#a74f64
#923f66
#7c3267
#662868
#512169
#401e6a
#331f6b
#292570
#1f3178
#104181
#005489
#006892
#007d9e
#1d91aa
#38a4b5
#4db3c0
#5cbfcb
#65c6d5
#6bc9e0
#73c9ed
#80c4f7
#92bcfe
#a7b2fe
#bca6f5
#cd9be6
#db92d4
#e48cc2
#e989b4

CSS

background: linear-gradient(195deg in oklch, oklch(70.47% 0.1116 46.41) 0.0%, oklch(67.88% 0.1126 39.33) 3.2%, oklch(64.11% 0.1141 30.05) 6.5%, oklch(59.49% 0.1160 19.01) 9.7%, oklch(54.35% 0.1180 6.64) 12.9%, oklch(49.03% 0.1201 353.39) 16.1%, oklch(43.87% 0.1221 339.69) 19.4%, oklch(39.21% 0.1238 325.99) 22.6%, oklch(35.37% 0.1251 312.73) 25.8%, oklch(32.68% 0.1257 300.34) 29.0%, oklch(31.50% 0.1256 289.26) 32.3%, oklch(32.13% 0.1245 279.22) 35.5%, oklch(34.54% 0.1222 268.36) 38.7%, oklch(38.37% 0.1188 257.00) 41.9%, oklch(43.28% 0.1105 245.67) 45.2%, oklch(48.89% 0.1034 234.78) 48.4%, oklch(54.85% 0.1038 224.90) 51.6%, oklch(60.80% 0.1020 216.51) 54.8%, oklch(66.39% 0.0984 210.13) 58.1%, oklch(71.25% 0.0956 206.24) 61.3%, oklch(75.03% 0.0940 205.36) 64.5%, oklch(77.41% 0.0938 208.06) 67.7%, oklch(78.78% 0.0950 215.54) 71.0%, oklch(79.42% 0.0974 227.26) 74.2%, oklch(79.45% 0.1007 242.20) 77.4%, oklch(79.03% 0.1047 259.37) 80.6%, oklch(78.28% 0.1090 277.75) 83.9%, oklch(77.34% 0.1134 296.33) 87.1%, oklch(76.35% 0.1177 314.10) 90.3%, oklch(75.44% 0.1215 330.06) 93.5%, oklch(74.75% 0.1246 343.20) 96.8%, oklch(74.41% 0.1268 352.51) 100.0%);

In these collections

Galaxy gradients