Blue, lavender, tan and orange linear gradient

Blue, lavender, tan and orange color palette

Linear gradient, 7 colors at 90°: #584bb4, #7e77d9, #a89ecf, #e2abae, #e1b65d, #e49117, #c06e22. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#584bb4
#7e77d9
#a89ecf
#e2abae
#e1b65d
#e49117
#c06e22

CSS

background: linear-gradient(90deg in oklch, oklch(48.43% 0.1598 284.06) 0.0%, oklch(61.99% 0.1456 284.52) 16.7%, oklch(72.54% 0.0713 294.04) 33.3%, oklch(79.23% 0.0648 15.27) 50.0%, oklch(79.69% 0.1185 84.10) 66.7%, oklch(72.53% 0.1538 68.13) 83.3%, oklch(61.81% 0.1337 58.27) 100.0%);

In these collections

Complementary swatches