Navy and tan spring thunder over veld

Analogous blue, teal and gray color palette

The Navy and tan spring thunder over veld brings together blue, teal, green, and orange. Radial gradient, 32 colors: #1b3d73, #2a6896, #5a92a2, #87a192, #a08e6e. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#1b3d73
#1c4076
#1d457a
#1e4a7f
#205084
#22568a
#245c8f
#276393
#2a6896
#2f6e99
#34749c
#3b7a9e
#427fa0
#4884a2
#4e8aa3
#548ea3
#5a92a2
#6096a1
#67999e
#6e9c9c
#759e99
#7ca097
#82a195
#87a192
#8ba18f
#8e9f8a
#919d84
#949a7e
#979778
#9b9373
#9d9070
#a08e6e

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(36.61% 0.1020 259.45) 0.0%, oklch(37.66% 0.1018 258.34) 3.2%, oklch(39.05% 0.1019 256.92) 6.5%, oklch(40.72% 0.1019 255.24) 9.7%, oklch(42.56% 0.1019 253.32) 12.9%, oklch(44.50% 0.1015 251.21) 16.1%, oklch(46.44% 0.1007 248.93) 19.4%, oklch(48.31% 0.0993 246.53) 22.6%, oklch(50.02% 0.0972 244.04) 25.8%, oklch(51.73% 0.0943 241.69) 29.0%, oklch(53.48% 0.0906 239.44) 32.3%, oklch(55.24% 0.0864 237.08) 35.5%, oklch(56.96% 0.0819 234.45) 38.7%, oklch(58.62% 0.0772 231.34) 41.9%, oklch(60.17% 0.0726 227.60) 45.2%, oklch(61.57% 0.0682 223.01) 48.4%, oklch(62.81% 0.0641 217.43) 51.6%, oklch(63.96% 0.0595 210.89) 54.8%, oklch(65.04% 0.0547 203.54) 58.1%, oklch(66.01% 0.0499 195.55) 61.3%, oklch(66.85% 0.0454 187.06) 64.5%, oklch(67.55% 0.0414 178.25) 67.7%, oklch(68.09% 0.0382 169.26) 71.0%, oklch(68.45% 0.0361 160.24) 74.2%, oklch(68.56% 0.0355 150.86) 77.4%, oklch(68.37% 0.0362 140.25) 80.6%, oklch(67.96% 0.0380 128.93) 83.9%, oklch(67.40% 0.0405 117.48) 87.1%, oklch(66.78% 0.0432 106.47) 90.3%, oklch(66.18% 0.0459 96.49) 93.5%, oklch(65.68% 0.0482 88.11) 96.8%, oklch(65.35% 0.0496 81.92) 100.0%);

In these collections

Spring thunder over veld