Triadic teal, gray, tan and purple linear gradient

Triadic teal, gray, tan and purple color palette

Linear gradient, 7 colors at 90°: #316956, #829fb1, #98a8c0, #6684a4, #d19e9d, #cda490, #907590. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#316956
#829fb1
#98a8c0
#6684a4
#d19e9d
#cda490
#907590

CSS

background: linear-gradient(90deg in oklch, oklch(47.64% 0.0675 168.75) 0.0%, oklch(68.75% 0.0423 234.15) 16.7%, oklch(72.70% 0.0399 258.26) 33.3%, oklch(60.24% 0.0606 251.18) 50.0%, oklch(74.69% 0.0602 20.06) 66.7%, oklch(75.12% 0.0556 48.20) 83.3%, oklch(59.84% 0.0510 326.21) 100.0%);