Dark purple, purple and lavender linear swatches

Dark purple, purple and lavender color palette

Linear swatches, 32 colors at 135°: #22092b, #551d70, #964cc7, #c596f1, #ecdeff. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#22092b
#250b30
#2a0d36
#300f3e
#361146
#3d134f
#45165a
#4d1965
#551d70
#5e207c
#672588
#702a94
#7830a0
#8136ab
#883db5
#9044bf
#964cc7
#9d55cf
#a45fd6
#ab69dc
#b174e2
#b880e8
#be8bed
#c596f1
#cba1f5
#d1acf9
#d7b6fc
#dcc0fe
#e1c9ff
#e5d1ff
#e9d8ff
#ecdeff

CSS

background: linear-gradient(135deg, oklch(20.08% 0.0703 315.00) 0.000% 3.125%, oklch(21.35% 0.0751 314.81) 3.125% 6.250%, oklch(22.87% 0.0817 314.58) 6.250% 9.375%, oklch(24.63% 0.0897 314.31) 9.375% 12.500%, oklch(26.58% 0.0989 314.01) 12.500% 15.625%, oklch(28.72% 0.1089 313.69) 15.625% 18.750%, oklch(31.00% 0.1194 313.34) 18.750% 21.875%, oklch(33.41% 0.1302 312.97) 21.875% 25.000%, oklch(35.92% 0.1410 312.59) 25.000% 28.125%, oklch(38.50% 0.1514 312.20) 28.125% 31.250%, oklch(41.12% 0.1612 311.81) 31.250% 34.375%, oklch(43.75% 0.1700 311.41) 34.375% 37.500%, oklch(46.38% 0.1776 311.01) 37.500% 40.625%, oklch(48.97% 0.1837 310.63) 40.625% 43.750%, oklch(51.50% 0.1879 310.25) 43.750% 46.875%, oklch(53.94% 0.1900 309.89) 46.875% 50.000%, oklch(56.30% 0.1897 309.54) 50.000% 53.125%, oklch(58.78% 0.1869 309.18) 53.125% 56.250%, oklch(61.38% 0.1820 308.81) 56.250% 59.375%, oklch(64.07% 0.1752 308.42) 59.375% 62.500%, oklch(66.83% 0.1669 308.02) 62.500% 65.625%, oklch(69.61% 0.1574 307.63) 65.625% 68.750%, oklch(72.39% 0.1469 307.23) 68.750% 71.875%, oklch(75.13% 0.1357 306.84) 71.875% 75.000%, oklch(77.82% 0.1243 306.46) 75.000% 78.125%, oklch(80.40% 0.1128 306.09) 78.125% 81.250%, oklch(82.86% 0.1016 305.75) 81.250% 84.375%, oklch(85.16% 0.0910 305.42) 84.375% 87.500%, oklch(87.26% 0.0781 305.13) 87.500% 90.625%, oklch(89.15% 0.0658 304.86) 90.625% 93.750%, oklch(90.78% 0.0553 304.63) 93.750% 96.875%, oklch(92.13% 0.0469 304.44) 96.875% 100.000%);

In these collections

Heatmap gradients