Complementary brown, gray and blue linear swatches

Complementary brown, gray and blue palette with 8 colors. #564d1a, #55525b, #4a56ac, #415ace, #315eee. Edit and export CSS, SVG, PNG or a shader.

8 colors, 8 editable OKLCH keyframes.

#564d1a
#554f3d
#55525b
#515387
#4a56ac
#415ace
#3a5ce5
#315eee

CSS

background: linear-gradient(135deg, oklch(41.73% 0.0703 99.14) 0.000% 12.500%, oklch(42.91% 0.0303 92.80) 12.500% 25.000%, oklch(44.49% 0.0152 303.80) 25.000% 37.500%, oklch(46.46% 0.0827 280.55) 37.500% 50.000%, oklch(48.82% 0.1364 274.21) 50.000% 62.500%, oklch(51.57% 0.1819 269.98) 62.500% 75.000%, oklch(53.54% 0.2108 267.87) 75.000% 87.500%, oklch(54.33% 0.2219 265.76) 87.500% 100.000%);

In these collections

Blue and purple swatches