Clay mauve diagonal fade

Analogous gray, brown and peach color palette

Linear gradient, 7 colors at 225°: #4f6a78, #6d687b, #856f72, #a2756c, #be7c63, #d08662, #dc8d66. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#4f6a78
#6d687b
#856f72
#a2756c
#be7c63
#d08662
#dc8d66

CSS

background: linear-gradient(225deg in oklch, oklch(50.79% 0.0386 232.73) 0.0%, oklch(53.00% 0.0299 297.66) 16.7%, oklch(56.30% 0.0289 6.94) 33.3%, oklch(60.56% 0.0581 32.44) 50.0%, oklch(64.96% 0.0909 41.81) 66.7%, oklch(68.85% 0.1045 46.64) 83.3%, oklch(71.65% 0.1102 47.10) 100.0%);

In these collections

Muted gradients