Magenta Coast Signal

Light blue, purple and pink color palette

Across the diagonal, the gradient begins in turquoise, passes through cobalt blue, magenta, and magenta, then finishes in deep indigo. Linear gradient, 32 colors at 120°: #8be5dd, #293879, #dc389a, #ed70d3, #352268. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#8be5dd
#7ad5d5
#63bfc8
#4aa5b8
#3489a6
#246e95
#1f5686
#21447c
#293879
#37327d
#4b2f86
#632f90
#7f2f97
#9d319c
#b8329d
#ce359c
#dc389a
#e83f9e
#f14aa5
#f855b0
#fb5fbc
#fb68c7
#f66ecf
#ed70d3
#de6dd0
#c765c9
#aa5abc
#8c4dab
#6f4098
#563484
#422974
#352268

CSS

background: linear-gradient(120deg in oklch, oklch(86.22% 0.0868 188.44) 0.0%, oklch(81.75% 0.0880 194.79) 3.2%, oklch(75.22% 0.0888 203.26) 6.5%, oklch(67.40% 0.0898 213.35) 9.7%, oklch(59.10% 0.0914 224.56) 12.9%, oklch(51.09% 0.0938 236.35) 16.1%, oklch(44.16% 0.0977 248.23) 19.4%, oklch(39.10% 0.1033 259.69) 22.6%, oklch(36.68% 0.1111 270.30) 25.8%, oklch(36.82% 0.1228 281.47) 29.0%, oklch(38.91% 0.1378 293.42) 32.3%, oklch(42.39% 0.1547 305.57) 35.5%, oklch(46.72% 0.1721 317.33) 38.7%, oklch(51.35% 0.1885 328.11) 41.9%, oklch(55.73% 0.2027 337.33) 45.2%, oklch(59.31% 0.2130 344.40) 48.4%, oklch(61.81% 0.2185 348.83) 51.6%, oklch(64.39% 0.2204 350.92) 54.8%, oklch(67.03% 0.2195 351.08) 58.1%, oklch(69.50% 0.2163 349.70) 61.3%, oklch(71.53% 0.2114 347.16) 64.5%, oklch(72.87% 0.2053 343.81) 67.7%, oklch(73.26% 0.1986 340.05) 71.0%, oklch(72.46% 0.1918 336.24) 74.2%, oklch(70.03% 0.1845 332.14) 77.4%, oklch(65.68% 0.1752 326.64) 80.6%, oklch(59.98% 0.1643 320.19) 83.9%, oklch(53.51% 0.1528 313.28) 87.1%, oklch(46.88% 0.1414 306.40) 90.3%, oklch(40.67% 0.1309 300.05) 93.5%, oklch(35.48% 0.1221 294.73) 96.8%, oklch(31.89% 0.1157 290.94) 100.0%);

In these collections

Vaporwave color palette