Teal, blue, mauve and gray linear gradient

Teal, blue, mauve and gray color palette

Linear gradient, 7 colors at 90°: #6b9d82, #4c8f9d, #7778a6, #b48c9c, #c7af9f, #b2ab8c, #95a078. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#6b9d82
#4c8f9d
#7778a6
#b48c9c
#c7af9f
#b2ab8c
#95a078

CSS

background: linear-gradient(90deg in oklch, oklch(65.35% 0.0675 160.31) 0.0%, oklch(61.07% 0.0711 213.28) 16.7%, oklch(59.06% 0.0703 282.90) 33.3%, oklch(68.26% 0.0519 353.10) 50.0%, oklch(77.17% 0.0358 56.05) 66.7%, oklch(73.97% 0.0440 96.60) 83.3%, oklch(68.50% 0.0565 120.51) 100.0%);

In these collections

Liminal colors