Teal orange gradient

Light blue, pink, tan and lavender color palette

Linear gradient, 32 colors at 225°: #93c8c3, #ebb2cd, #dec584, #9c798d, #85b5cf. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#93c8c3
#91c9cc
#92c8d8
#9bc5e3
#aac1eb
#bdbcec
#d0b7e6
#e0b4db
#ebb2cd
#f4b2bf
#f9b5ae
#fbba9f
#f8c094
#f1c68d
#e9ca89
#e2ca87
#dec584
#dabb7f
#d5ac7d
#cd9d7d
#c28f80
#b48485
#a77c89
#9c798d
#957a94
#917f9d
#8f86a9
#8d90b5
#8a9bbf
#88a6c8
#86afcd
#85b5cf

CSS

background: linear-gradient(225deg in oklch, oklch(79.53% 0.0565 187.73) 0.0%, oklch(79.76% 0.0580 200.62) 3.2%, oklch(80.07% 0.0599 218.21) 6.5%, oklch(80.45% 0.0623 239.19) 9.7%, oklch(80.86% 0.0648 262.21) 12.9%, oklch(81.28% 0.0675 285.95) 16.1%, oklch(81.69% 0.0702 309.09) 19.4%, oklch(82.05% 0.0727 330.30) 22.6%, oklch(82.36% 0.0750 348.44) 25.8%, oklch(82.87% 0.0776 6.55) 29.0%, oklch(83.55% 0.0806 25.29) 32.3%, oklch(84.25% 0.0837 43.57) 35.5%, oklch(84.84% 0.0865 60.30) 38.7%, oklch(85.17% 0.0888 74.38) 41.9%, oklch(85.08% 0.0901 84.73) 45.2%, oklch(84.44% 0.0901 90.25) 48.4%, oklch(83.02% 0.0885 89.80) 51.6%, oklch(80.49% 0.0847 82.87) 54.8%, oklch(77.13% 0.0793 70.74) 58.1%, oklch(73.35% 0.0729 54.84) 61.3%, oklch(69.52% 0.0663 36.62) 64.5%, oklch(66.03% 0.0601 17.53) 67.7%, oklch(63.27% 0.0549 359.00) 71.0%, oklch(61.61% 0.0515 342.49) 74.2%, oklch(61.36% 0.0502 327.86) 77.4%, oklch(62.28% 0.0506 312.28) 80.6%, oklch(64.07% 0.0521 296.25) 83.9%, oklch(66.39% 0.0544 280.42) 87.1%, oklch(68.95% 0.0571 265.43) 90.3%, oklch(71.41% 0.0598 251.95) 93.5%, oklch(73.47% 0.0620 240.63) 96.8%, oklch(74.80% 0.0634 232.12) 100.0%);

In these collections

Pastel gradients