Blue, teal, brown and pink linear gradient

Blue, teal, brown and pink palette with 7 colors. #224562, #2b618c, #3a8088, #638f67, #9c853b, #bb6d4a, #c04e7c. Edit and export CSS, SVG, PNG or a shader.

7 colors, 6 editable OKLCH keyframes.

#224562
#2b618c
#3a8088
#638f67
#9c853b
#bb6d4a
#c04e7c

CSS

background: linear-gradient(270deg in oklch, oklch(37.80% 0.0648 246.09) 0.0%, oklch(47.68% 0.0907 245.80) 16.7%, oklch(55.88% 0.0707 205.31) 33.3%, oklch(60.58% 0.0761 147.16) 50.0%, oklch(62.19% 0.0970 91.85) 66.7%, oklch(61.43% 0.1099 44.65) 83.3%, oklch(58.66% 0.1530 357.76) 100.0%);