Aubergine, turquoise and yellow heatmap palette

The Aubergine, turquoise and yellow heatmap palette brings together dark purple, blue, teal, light green, and light yellow. Linear gradient, 32 colors at 90°: #1a0133, #2f3180, #0779a0, #57b79c, #ebec9f. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#1a0133
#1d0339
#200641
#240c4b
#281257
#2b1a62
#2d216d
#2e2976
#2f3180
#303a89
#2f4391
#2d4c98
#29559f
#215fa3
#1668a4
#0a71a3
#0779a0
#11819d
#1e899c
#2a919b
#339a9c
#3da49d
#49ae9d
#57b79c
#67c09b
#7ac899
#8fd097
#a5d796
#bbde97
#cfe499
#e0e99c
#ebec9f

CSS

background: linear-gradient(90deg in oklch, oklch(18.11% 0.0923 300.94) 0.0%, oklch(19.54% 0.0961 299.14) 3.2%, oklch(21.49% 0.1016 296.73) 6.5%, oklch(23.82% 0.1080 293.85) 9.7%, oklch(26.35% 0.1146 290.62) 12.9%, oklch(28.94% 0.1204 287.19) 16.1%, oklch(31.42% 0.1248 283.67) 19.4%, oklch(33.78% 0.1275 280.24) 22.6%, oklch(36.22% 0.1296 276.88) 25.8%, oklch(38.70% 0.1309 273.38) 29.0%, oklch(41.18% 0.1313 269.54) 32.3%, oklch(43.61% 0.1307 265.13) 35.5%, oklch(45.95% 0.1291 259.95) 38.7%, oklch(48.14% 0.1260 253.76) 41.9%, oklch(50.16% 0.1205 246.52) 45.2%, oklch(52.08% 0.1135 238.50) 48.4%, oklch(53.98% 0.1060 230.01) 51.6%, oklch(55.95% 0.0992 221.36) 54.8%, oklch(58.07% 0.0941 212.85) 58.1%, oklch(60.42% 0.0917 204.74) 61.3%, oklch(62.99% 0.0920 196.73) 64.5%, oklch(65.72% 0.0939 188.72) 67.7%, oklch(68.54% 0.0969 180.71) 71.0%, oklch(71.39% 0.1000 172.70) 74.2%, oklch(74.20% 0.1024 164.68) 77.4%, oklch(76.92% 0.1034 156.65) 80.6%, oklch(79.80% 0.1032 147.91) 83.9%, oklch(82.82% 0.1024 138.63) 87.1%, oklch(85.80% 0.1011 129.44) 90.3%, oklch(88.54% 0.0998 120.95) 93.5%, oklch(90.84% 0.0986 113.80) 96.8%, oklch(92.52% 0.0978 108.61) 100.0%);

In these collections

Heatmap gradients