Pink and Teal: Turquoise and mauve

The "Pink and Teal: Turquoise and mauve" palette brings together teal, light teal, and light magenta. Linear gradient, 32 colors at 90°: #277d82, #639a9d, #96b8c2, #bcbedf, #e9bdd1. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#277d82
#2d8085
#338287
#3b858a
#42898d
#4a8d91
#529194
#5b9598
#639a9d
#6b9ea1
#72a3a6
#7aa7ab
#81abb0
#87afb4
#8db2b9
#92b5be
#96b8c2
#9abac7
#9ebccc
#a3bdd1
#a8bed6
#aebfd9
#b5bfdd
#bcbedf
#c3bee0
#cabedf
#d1bdde
#d7bddc
#ddbcd9
#e2bcd6
#e6bcd3
#e9bdd1

CSS

background: linear-gradient(90deg in oklch, oklch(54.33% 0.0799 200.39) 0.0%, oklch(55.13% 0.0784 200.74) 3.2%, oklch(56.12% 0.0763 200.81) 6.5%, oklch(57.30% 0.0738 200.69) 9.7%, oklch(58.62% 0.0711 200.46) 12.9%, oklch(60.06% 0.0680 200.20) 16.1%, oklch(61.59% 0.0648 199.99) 19.4%, oklch(63.19% 0.0614 199.91) 22.6%, oklch(64.83% 0.0581 200.05) 25.8%, oklch(66.48% 0.0548 200.49) 29.0%, oklch(68.11% 0.0516 201.31) 32.3%, oklch(69.70% 0.0486 202.59) 35.5%, oklch(71.22% 0.0459 204.41) 38.7%, oklch(72.64% 0.0436 206.86) 41.9%, oklch(73.94% 0.0418 210.01) 45.2%, oklch(75.08% 0.0404 213.95) 48.4%, oklch(76.06% 0.0396 218.83) 51.6%, oklch(76.96% 0.0394 225.06) 54.8%, oklch(77.80% 0.0396 232.52) 58.1%, oklch(78.57% 0.0402 241.00) 61.3%, oklch(79.29% 0.0411 250.31) 64.5%, oklch(79.95% 0.0423 260.23) 67.7%, oklch(80.56% 0.0437 270.59) 71.0%, oklch(81.12% 0.0453 281.15) 74.2%, oklch(81.63% 0.0470 291.74) 77.4%, oklch(82.11% 0.0487 302.14) 80.6%, oklch(82.54% 0.0504 312.16) 83.9%, oklch(82.94% 0.0520 321.59) 87.1%, oklch(83.31% 0.0535 330.23) 90.3%, oklch(83.65% 0.0548 337.88) 93.5%, oklch(83.96% 0.0558 344.33) 96.8%, oklch(84.25% 0.0565 349.39) 100.0%);

In these collections

Pink and teal gradients