Gray, beige and teal linear gradient

Gray, beige and teal palette with 11 colors. #7d87ac, #a594b3, #e5b6b1, #f4c7ad, #f3e5c7, #cee0c5, #67a1a4, #337e87. Edit and export CSS, SVG, PNG or a shader.

11 colors, 6 editable OKLCH keyframes.

#7d87ac
#a594b3
#cba7b5
#e5b6b1
#f4c7ad
#f9dabc
#f3e5c7
#cee0c5
#9fcac2
#67a1a4
#337e87

CSS

background: linear-gradient(180deg in oklch, oklch(62.99% 0.0565 272.81) 0.0%, oklch(69.07% 0.0500 309.27) 10.0%, oklch(76.38% 0.0455 353.13) 20.0%, oklch(81.74% 0.0543 25.62) 30.0%, oklch(86.22% 0.0620 52.30) 40.0%, oklch(90.72% 0.0531 66.90) 50.0%, oklch(92.52% 0.0427 86.12) 60.0%, oklch(88.61% 0.0419 134.86) 70.0%, oklch(80.71% 0.0469 182.28) 80.0%, oklch(67.18% 0.0609 199.92) 90.0%, oklch(55.12% 0.0744 205.53) 100.0%);

In these collections

Between tides