Slate periwinkle sage fade

Monochrome gray and blue palette with 21 colors. #3e535e, #3f4d6c, #6169a4, #8f94c0, #a6b0a8. Edit and export CSS, SVG, PNG or a shader.

21 colors, 7 editable OKLCH keyframes.

#3e535e
#3d515e
#3c4e5d
#3b4c5f
#3c4c64
#3f4d6c
#435075
#495480
#515a8c
#596198
#6169a4
#6a71ae
#727bb7
#7b84bf
#838dc2
#8f94c0
#969dbd
#96a5bb
#96acb5
#9eb0ab
#a6b0a8

CSS

background: linear-gradient(135deg in oklch, oklch(42.91% 0.0317 230.62) 0.0%, oklch(42.28% 0.0329 236.36) 5.0%, oklch(41.40% 0.0347 244.57) 10.0%, oklch(40.91% 0.0382 252.69) 15.0%, oklch(41.27% 0.0447 258.97) 20.0%, oklch(42.22% 0.0543 264.57) 25.0%, oklch(43.67% 0.0644 269.32) 30.0%, oklch(45.58% 0.0729 272.87) 35.0%, oklch(48.10% 0.0810 275.09) 40.0%, oklch(51.00% 0.0880 276.37) 45.0%, oklch(53.94% 0.0923 277.12) 50.0%, oklch(56.91% 0.0940 277.54) 55.0%, oklch(59.97% 0.0933 277.40) 60.0%, oklch(62.89% 0.0892 276.54) 65.0%, oklch(65.49% 0.0797 276.43) 70.0%, oklch(67.91% 0.0645 278.58) 75.0%, oklch(70.05% 0.0485 275.49) 80.0%, oklch(71.79% 0.0366 258.66) 85.0%, oklch(73.13% 0.0278 221.77) 90.0%, oklch(74.12% 0.0211 179.22) 95.0%, oklch(74.80% 0.0165 149.26) 100.0%);

In these collections

Cool gradients