Violet, turquoise and terracotta weather map palette

Purple, blue, green and orange color palette

The Violet, turquoise and terracotta weather map palette brings together purple, blue, teal, gold, and orange. Linear gradient, 32 colors at 90°: #60418a, #245fa9, #29b4bf, #e5cf56, #d96c31. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#60418a
#5e428e
#594492
#534696
#4c499a
#444d9e
#3a52a2
#2f58a6
#245fa9
#1a68ad
#1372b2
#137db6
#1788bb
#1d94bf
#229fc1
#26aac2
#29b4bf
#35bfb8
#4dc9ad
#6dd29d
#90d78a
#b2d876
#cfd564
#e5cf56
#f2c64d
#f7ba45
#f7ac3f
#f39c39
#ec8d34
#e47f31
#dd7430
#d96c31

CSS

background: linear-gradient(90deg in oklch, oklch(44.49% 0.1199 301.64) 0.0%, oklch(44.68% 0.1212 298.12) 3.2%, oklch(44.81% 0.1233 293.44) 6.5%, oklch(44.95% 0.1259 287.88) 9.7%, oklch(45.19% 0.1285 281.69) 12.9%, oklch(45.62% 0.1309 275.12) 16.1%, oklch(46.31% 0.1327 268.44) 19.4%, oklch(47.36% 0.1337 261.91) 22.6%, oklch(48.85% 0.1335 255.78) 25.8%, oklch(50.89% 0.1316 250.35) 29.0%, oklch(53.40% 0.1283 245.35) 32.3%, oklch(56.24% 0.1243 240.41) 35.5%, oklch(59.27% 0.1200 235.14) 38.7%, oklch(62.34% 0.1161 229.17) 41.9%, oklch(65.32% 0.1131 222.11) 45.2%, oklch(68.06% 0.1116 213.58) 48.4%, oklch(70.52% 0.1121 203.09) 51.6%, oklch(73.20% 0.1145 190.03) 54.8%, oklch(76.01% 0.1181 175.05) 58.1%, oklch(78.75% 0.1228 158.94) 61.3%, oklch(81.23% 0.1278 142.51) 64.5%, oklch(83.24% 0.1329 126.57) 67.7%, oklch(84.59% 0.1375 111.91) 71.0%, oklch(85.08% 0.1412 99.35) 74.2%, oklch(84.43% 0.1439 89.09) 77.4%, oklch(82.53% 0.1462 80.03) 80.6%, oklch(79.74% 0.1482 72.05) 83.9%, oklch(76.42% 0.1498 65.07) 87.1%, oklch(72.92% 0.1513 59.04) 90.3%, oklch(69.60% 0.1525 53.88) 93.5%, oklch(66.83% 0.1535 49.52) 96.8%, oklch(64.96% 0.1543 45.91) 100.0%);

In these collections

Weather map gradients