Complementary gray, blue and brown linear gradient

Complementary gray, blue and brown color palette

Linear gradient, 7 colors at 90°: #dadfe7, #56647c, #2f4465, #5e89a6, #b5c0a3, #baa392, #70543e. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#dadfe7
#56647c
#2f4465
#5e89a6
#b5c0a3
#baa392
#70543e

CSS

background: linear-gradient(90deg in oklch, oklch(90.16% 0.0124 260.16) 0.0%, oklch(50.06% 0.0417 261.80) 16.7%, oklch(38.50% 0.0623 259.61) 33.3%, oklch(61.02% 0.0648 237.96) 50.0%, oklch(79.24% 0.0427 123.87) 66.7%, oklch(73.05% 0.0367 58.16) 83.3%, oklch(46.85% 0.0496 58.32) 100.0%);

In these collections

Valspar 2027 swatches