Rose pink and teal palette

Seamless tritone teal, blue and pink color palette

The Rose pink and teal palette brings together teal, magenta, red, and gray. Angular gradient, 32 colors at 225°: #00565c, #629f95, #cf6d94, #ac4a7c, #005754. Edit and export CSS, SVG, PNG or a shader.

8 editable OKLCH keyframes.

#00565c
#005e63
#006a6e
#00787a
#008585
#198e8b
#3a968d
#529b90
#629f95
#68a09f
#6d9aab
#7c8eaf
#8f80a4
#9d7694
#aa728c
#bc708d
#cf6d94
#dc699c
#e2629a
#e0598d
#d94d7c
#cd4571
#be4370
#ac4a7c
#935686
#7a6184
#6a6679
#61646f
#535f6c
#3c5b69
#1a5a60
#005754

CSS

background: conic-gradient(from 225deg in oklch, oklch(41.34% 0.0704 202.51) 0.0%, oklch(43.96% 0.0747 201.03) 3.2%, oklch(47.74% 0.0812 198.85) 6.5%, oklch(51.92% 0.0884 196.53) 9.7%, oklch(55.75% 0.0952 194.61) 12.9%, oklch(58.72% 0.0956 192.47) 16.1%, oklch(61.50% 0.0870 187.07) 19.4%, oklch(63.92% 0.0755 182.52) 22.6%, oklch(65.72% 0.0648 183.70) 25.8%, oklch(66.58% 0.0587 195.58) 29.0%, oklch(65.98% 0.0555 223.90) 32.3%, oklch(64.33% 0.0541 263.08) 35.5%, oklch(62.53% 0.0560 303.34) 38.7%, oklch(61.46% 0.0630 334.89) 41.9%, oklch(61.93% 0.0780 350.86) 45.2%, oklch(63.68% 0.1026 356.40) 48.4%, oklch(65.76% 0.1302 356.13) 51.6%, oklch(67.21% 0.1542 354.40) 54.8%, oklch(67.08% 0.1683 355.41) 58.1%, oklch(65.18% 0.1758 359.23) 61.3%, oklch(62.28% 0.1783 3.09) 64.5%, oklch(59.14% 0.1745 4.51) 67.7%, oklch(56.57% 0.1635 1.00) 71.0%, oklch(55.01% 0.1396 350.79) 74.2%, oklch(53.98% 0.1019 335.19) 77.4%, oklch(53.11% 0.0616 316.29) 80.6%, oklch(52.03% 0.0302 296.17) 83.9%, oklch(50.37% 0.0185 276.11) 87.1%, oklch(48.01% 0.0259 252.38) 90.3%, oklch(45.38% 0.0437 227.44) 93.5%, oklch(42.99% 0.0632 205.26) 96.8%, oklch(41.34% 0.0714 189.82) 100.0%);

In these collections

Pink and teal gradients