Temperature anomaly color scale

Navy, purple, pink and beige color palette

The Temperature anomaly color scale brings together dark blue, blue, purple, magenta, and pale orange. Linear gradient, 32 colors at 45°: #101c34, #3a4960, #66408c, #c14488, #ebdebc. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#101c34
#131f37
#18243c
#1d2b41
#243246
#2b394c
#313f53
#364559
#3a4960
#3c4b66
#3e4b6d
#404a74
#45497a
#4b4680
#524384
#5c4189
#66408c
#703f90
#7c3d93
#883c95
#953b95
#a33c93
#b23e8f
#c14488
#cf507f
#dd6275
#e67a6f
#eb9472
#ebac80
#eac295
#ead3ab
#ebdebc

CSS

background: linear-gradient(45deg in oklch, oklch(22.83% 0.0510 263.67) 0.0%, oklch(24.28% 0.0497 262.90) 3.2%, oklch(26.30% 0.0473 261.48) 6.5%, oklch(28.72% 0.0445 259.78) 9.7%, oklch(31.34% 0.0417 258.13) 12.9%, oklch(33.97% 0.0397 256.89) 16.1%, oklch(36.43% 0.0390 256.40) 19.4%, oklch(38.54% 0.0402 257.00) 22.6%, oklch(40.10% 0.0439 259.05) 25.8%, oklch(41.12% 0.0506 262.54) 29.0%, oklch(41.75% 0.0596 267.19) 32.3%, oklch(42.13% 0.0703 272.74) 35.5%, oklch(42.40% 0.0819 278.93) 38.7%, oklch(42.69% 0.0938 285.48) 41.9%, oklch(43.16% 0.1052 292.13) 45.2%, oklch(43.94% 0.1154 298.62) 48.4%, oklch(45.10% 0.1243 304.69) 51.6%, oklch(46.38% 0.1343 310.38) 54.8%, oklch(47.75% 0.1449 315.93) 58.1%, oklch(49.28% 0.1552 321.58) 61.3%, oklch(51.01% 0.1641 327.58) 64.5%, oklch(53.00% 0.1708 334.17) 67.7%, oklch(55.29% 0.1742 341.60) 71.0%, oklch(57.94% 0.1733 350.11) 74.2%, oklch(61.16% 0.1666 0.36) 77.4%, oklch(65.22% 0.1535 12.98) 80.6%, oklch(69.84% 0.1358 27.11) 83.9%, oklch(74.69% 0.1154 41.85) 87.1%, oklch(79.46% 0.0944 56.28) 90.3%, oklch(83.84% 0.0747 69.49) 93.5%, oklch(87.51% 0.0582 80.57) 96.8%, oklch(90.16% 0.0469 88.60) 100.0%);

In these collections

Weather map gradients