Complementary pink, gray and teal linear gradient

Complementary pink, gray and teal color palette

Linear gradient, 7 colors at 90°: #c2605c, #be675f, #ac7a73, #96927d, #83a79b, #68bbb2, #64c0be. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#c2605c
#be675f
#ac7a73
#96927d
#83a79b
#68bbb2
#64c0be

CSS

background: linear-gradient(90deg in oklch, oklch(60.63% 0.1268 23.91) 0.0%, oklch(61.19% 0.1135 25.84) 16.7%, oklch(62.79% 0.0632 29.07) 33.3%, oklch(65.77% 0.0302 98.74) 50.0%, oklch(69.87% 0.0432 173.06) 66.7%, oklch(73.76% 0.0825 186.15) 83.3%, oklch(75.20% 0.0882 192.99) 100.0%);

In these collections

Hero section gradients