Blue and violet wallpaper palette

Analogous navy, gray and purple color palette

The Blue and violet wallpaper palette brings together dark blue, pale magenta, and purple. Linear gradient, 32 colors at 135°: #17152b, #e9d1e8, #9d73b0, #5b447e, #29204c. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#17152b
#262339
#3e3850
#5c546b
#7f738a
#a293a9
#c2b0c5
#dbc6db
#e9d1e8
#eed2eb
#eacae8
#e1bde1
#d4acd7
#c59bcb
#b58ac1
#a77cb7
#9d73b0
#936baa
#8963a3
#7f5c9c
#755694
#6c508d
#634a86
#5b447e
#533f78
#4b3970
#443469
#3d2f62
#362a5b
#312655
#2c2350
#29204c

CSS

background: linear-gradient(135deg in oklch, oklch(20.87% 0.0427 286.17) 0.0%, oklch(26.93% 0.0419 289.86) 3.2%, oklch(35.73% 0.0403 295.19) 6.5%, oklch(46.26% 0.0384 301.56) 9.7%, oklch(57.48% 0.0366 308.36) 12.9%, oklch(68.37% 0.0353 314.99) 16.1%, oklch(77.89% 0.0351 320.84) 19.4%, oklch(85.03% 0.0364 325.31) 22.6%, oklch(88.78% 0.0396 327.81) 25.8%, oklch(89.36% 0.0456 328.55) 29.0%, oklch(87.58% 0.0538 328.00) 32.3%, oklch(84.06% 0.0634 326.46) 35.5%, oklch(79.42% 0.0735 324.25) 38.7%, oklch(74.28% 0.0833 321.69) 41.9%, oklch(69.28% 0.0918 319.07) 45.2%, oklch(65.03% 0.0984 316.73) 48.4%, oklch(61.95% 0.1022 314.85) 51.6%, oklch(59.13% 0.1039 312.88) 54.8%, oklch(56.39% 0.1042 310.77) 58.1%, oklch(53.73% 0.1033 308.59) 61.3%, oklch(51.15% 0.1016 306.40) 64.5%, oklch(48.65% 0.0995 304.25) 67.7%, oklch(46.23% 0.0973 302.21) 71.0%, oklch(43.88% 0.0955 300.34) 74.2%, oklch(41.57% 0.0938 298.63) 77.4%, oklch(39.22% 0.0918 296.96) 80.6%, oklch(36.89% 0.0894 295.34) 83.9%, oklch(34.65% 0.0868 293.82) 87.1%, oklch(32.56% 0.0842 292.42) 90.3%, oklch(30.71% 0.0819 291.19) 93.5%, oklch(29.15% 0.0799 290.15) 96.8%, oklch(27.95% 0.0785 289.34) 100.0%);

In these collections

Wallpaper gradients