Cobalt lilac diagonal glow

Vivid analogous blue and lavender palette with 34 colors. #415fd1, #5667d6, #7c72dc, #a77ce1, #d385e4. Edit and export CSS, SVG, PNG or a shader.

34 colors, 4 editable OKLCH keyframes.

#415fd1
#435fd1
#4560d2
#4761d2
#4a62d3
#4c63d4
#4f65d4
#5266d5
#5667d6
#5968d7
#5d6ad7
#616bd8
#656cd9
#696dda
#6e6eda
#736fdb
#7771db
#7c72dc
#8173dc
#8675dd
#8b76dd
#9077de
#9678df
#9b7adf
#a17be0
#a77ce1
#ae7ee2
#b47fe3
#bb80e4
#c181e4
#c783e4
#cc84e4
#d085e4
#d385e4

CSS

background: linear-gradient(135deg, oklch(52.76% 0.1791 268.59) 0.000% 2.941%, oklch(53.00% 0.1784 268.94) 2.941% 5.882%, oklch(53.30% 0.1775 269.33) 5.882% 8.824%, oklch(53.64% 0.1764 269.76) 8.824% 11.765%, oklch(54.03% 0.1752 270.25) 11.765% 14.706%, oklch(54.45% 0.1739 270.80) 14.706% 17.647%, oklch(54.91% 0.1725 271.43) 17.647% 20.588%, oklch(55.39% 0.1710 272.13) 20.588% 23.529%, oklch(55.89% 0.1696 272.94) 23.529% 26.471%, oklch(56.41% 0.1681 273.84) 26.471% 29.412%, oklch(56.94% 0.1667 274.85) 29.412% 32.353%, oklch(57.48% 0.1654 275.99) 32.353% 35.294%, oklch(58.03% 0.1640 277.26) 35.294% 38.235%, oklch(58.60% 0.1624 278.66) 38.235% 41.176%, oklch(59.20% 0.1608 280.17) 41.176% 44.118%, oklch(59.82% 0.1591 281.79) 44.118% 47.059%, oklch(60.45% 0.1574 283.49) 47.059% 50.000%, oklch(61.11% 0.1558 285.28) 50.000% 52.941%, oklch(61.77% 0.1542 287.14) 52.941% 55.882%, oklch(62.46% 0.1529 289.05) 55.882% 58.824%, oklch(63.15% 0.1517 291.01) 58.824% 61.765%, oklch(63.85% 0.1508 293.00) 61.765% 64.706%, oklch(64.57% 0.1502 295.01) 64.706% 67.647%, oklch(65.33% 0.1499 297.18) 67.647% 70.588%, oklch(66.16% 0.1500 299.58) 70.588% 73.529%, oklch(67.05% 0.1504 302.16) 73.529% 76.471%, oklch(67.97% 0.1509 304.84) 76.471% 79.412%, oklch(68.89% 0.1516 307.54) 79.412% 82.353%, oklch(69.79% 0.1524 310.20) 82.353% 85.294%, oklch(70.65% 0.1532 312.75) 85.294% 88.235%, oklch(71.45% 0.1540 315.12) 88.235% 91.176%, oklch(72.16% 0.1548 317.22) 91.176% 94.118%, oklch(72.76% 0.1553 319.00) 94.118% 97.059%, oklch(73.23% 0.1557 320.37) 97.059% 100.000%);

In these collections

Violet swatches