Petrol teal meets dusty rose

Tritone purple, teal and blue palette with 56 colors. #cf6d94, #61649f, #02515e, #004964, #1a38a1. Edit and export CSS, SVG, PNG or a shader.

56 colors, 3 editable OKLCH keyframes.

#cf6d94
#cb6c97
#c76b9a
#c16a9d
#bb6aa0
#b469a3
#ac68a5
#a468a7
#9b67a9
#9267a9
#8867a9
#7e66a8
#7466a6
#6b65a3
#61649f
#57639b
#4e6296
#456190
#3d608b
#355e85
#2e5d7f
#285b79
#225974
#1d586f
#18566a
#135466
#0e5363
#085260
#02515e
#00505c
#004f5b
#004e59
#004d59
#004c59
#004c59
#004b5a
#004b5a
#004b5c
#004a5d
#004a5f
#004a61
#004964
#004966
#00496a
#00486d
#004871
#004775
#00467a
#004580
#004486
#00428e
#003f97
#063c9c
#103a9e
#1639a0
#1a38a1

CSS

background: linear-gradient(135deg in oklch, oklch(65.75% 0.1309 355.78) 0.0%, oklch(65.23% 0.1296 352.90) 1.8%, oklch(64.63% 0.1279 349.44) 3.6%, oklch(63.93% 0.1259 345.44) 5.5%, oklch(63.16% 0.1237 340.96) 7.3%, oklch(62.32% 0.1212 336.04) 9.1%, oklch(61.41% 0.1184 330.73) 10.9%, oklch(60.44% 0.1155 325.08) 12.7%, oklch(59.43% 0.1124 319.14) 14.5%, oklch(58.37% 0.1092 312.96) 16.4%, oklch(57.28% 0.1059 306.58) 18.2%, oklch(56.16% 0.1026 300.05) 20.0%, oklch(55.02% 0.0992 293.43) 21.8%, oklch(53.87% 0.0958 286.75) 23.6%, oklch(52.71% 0.0925 280.08) 25.5%, oklch(51.55% 0.0893 273.45) 27.3%, oklch(50.41% 0.0862 266.91) 29.1%, oklch(49.27% 0.0832 260.52) 30.9%, oklch(48.16% 0.0804 254.31) 32.7%, oklch(47.08% 0.0778 248.35) 34.5%, oklch(46.04% 0.0755 242.68) 36.4%, oklch(45.04% 0.0734 237.34) 38.2%, oklch(44.10% 0.0716 232.39) 40.0%, oklch(43.21% 0.0702 227.87) 41.8%, oklch(42.39% 0.0691 223.83) 43.6%, oklch(41.65% 0.0685 220.32) 45.5%, oklch(40.98% 0.0683 217.39) 47.3%, oklch(40.41% 0.0686 215.08) 49.1%, oklch(39.93% 0.0694 213.43) 50.9%, oklch(39.51% 0.0690 212.39) 52.7%, oklch(39.16% 0.0682 211.84) 54.5%, oklch(38.86% 0.0676 211.79) 56.4%, oklch(38.61% 0.0673 212.19) 58.2%, oklch(38.41% 0.0672 213.02) 60.0%, oklch(38.25% 0.0673 214.23) 61.8%, oklch(38.14% 0.0677 215.79) 63.6%, oklch(38.06% 0.0683 217.66) 65.5%, oklch(38.03% 0.0691 219.82) 67.3%, oklch(38.02% 0.0704 222.22) 69.1%, oklch(38.04% 0.0720 224.83) 70.9%, oklch(38.08% 0.0740 227.61) 72.7%, oklch(38.15% 0.0765 230.52) 74.5%, oklch(38.24% 0.0795 233.54) 76.4%, oklch(38.33% 0.0832 236.63) 78.2%, oklch(38.44% 0.0877 239.75) 80.0%, oklch(38.56% 0.0930 242.86) 81.8%, oklch(38.68% 0.0993 245.93) 83.6%, oklch(38.80% 0.1069 248.93) 85.5%, oklch(38.92% 0.1159 251.82) 87.3%, oklch(39.03% 0.1266 254.56) 89.1%, oklch(39.14% 0.1396 257.12) 90.9%, oklch(39.22% 0.1556 259.47) 92.7%, oklch(39.29% 0.1658 261.53) 94.5%, oklch(39.34% 0.1689 263.34) 96.4%, oklch(39.37% 0.1715 264.83) 98.2%, oklch(39.37% 0.1736 265.96) 100.0%);

In these collections

Pink and teal gradients