Storm navy ochre and rain gray wheel

Storm navy lifts through teal and olive into ochre, returns through wet leaf green, then brightens through gray-green to pale rain gray before ending in slate… Angular swatches, 48 colors at 315°: #182433, #cb9b4b, #4f8671, #c2ccd0, #375b72. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#182433
#192b3a
#183544
#16434d
#165254
#216256
#397154
#577e4d
#768946
#959041
#ae9542
#c19946
#cb9b4b
#ce9c4c
#ca9c4b
#c19b49
#b49947
#a39747
#91944a
#7e904f
#6d8c55
#5e895c
#548663
#4f846a
#4f8671
#54897a
#5d8f85
#699791
#779f9d
#86a8a9
#95b1b4
#a3babe
#afc2c6
#b9c8cc
#c0cbd0
#c2ccd0
#c0cace
#b9c4c9
#afbbc2
#a2b1b9
#93a5af
#8398a5
#738b9a
#647f90
#557386
#48697e
#3e6077
#375b72

CSS

background: conic-gradient(from 315deg, oklch(25.59% 0.0331 254.53) 0.000% 2.083%, oklch(28.07% 0.0374 244.99) 2.083% 4.167%, oklch(31.46% 0.0435 231.81) 4.167% 6.250%, oklch(35.56% 0.0508 215.83) 6.250% 8.333%, oklch(40.18% 0.0591 197.83) 8.333% 10.417%, oklch(45.11% 0.0679 178.63) 10.417% 12.500%, oklch(50.16% 0.0769 159.03) 12.500% 14.583%, oklch(55.14% 0.0857 139.84) 14.583% 16.667%, oklch(59.84% 0.0939 121.87) 16.667% 18.750%, oklch(64.07% 0.1011 105.93) 18.750% 20.833%, oklch(67.63% 0.1070 92.81) 20.833% 22.917%, oklch(70.32% 0.1112 83.34) 22.917% 25.000%, oklch(71.95% 0.1133 78.28) 25.000% 27.083%, oklch(72.47% 0.1136 77.26) 27.083% 29.167%, oklch(72.05% 0.1125 79.54) 29.167% 31.250%, oklch(70.87% 0.1101 84.60) 31.250% 33.333%, oklch(69.13% 0.1067 91.90) 33.333% 35.417%, oklch(67.01% 0.1025 100.91) 35.417% 37.500%, oklch(64.70% 0.0976 111.11) 37.500% 39.583%, oklch(62.40% 0.0923 121.96) 39.583% 41.667%, oklch(60.28% 0.0868 132.94) 41.667% 43.750%, oklch(58.54% 0.0813 143.52) 43.750% 45.833%, oklch(57.37% 0.0760 153.16) 45.833% 47.917%, oklch(56.95% 0.0711 161.33) 47.917% 50.000%, oklch(57.48% 0.0666 167.81) 50.000% 52.083%, oklch(58.96% 0.0616 173.96) 52.083% 54.167%, oklch(61.22% 0.0559 180.02) 54.167% 56.250%, oklch(64.06% 0.0498 185.96) 56.250% 58.333%, oklch(67.28% 0.0436 191.73) 58.333% 60.417%, oklch(70.69% 0.0374 197.29) 60.417% 62.500%, oklch(74.08% 0.0315 202.61) 62.500% 64.583%, oklch(77.26% 0.0259 207.64) 64.583% 66.667%, oklch(80.04% 0.0211 212.35) 66.667% 68.750%, oklch(82.21% 0.0171 216.69) 68.750% 70.833%, oklch(83.58% 0.0142 220.64) 70.833% 72.917%, oklch(83.95% 0.0126 224.14) 72.917% 75.000%, oklch(83.15% 0.0125 227.15) 75.000% 77.083%, oklch(81.27% 0.0140 229.63) 77.083% 79.167%, oklch(78.51% 0.0167 231.64) 79.167% 81.250%, oklch(75.04% 0.0206 233.24) 81.250% 83.333%, oklch(71.07% 0.0252 234.50) 83.333% 85.417%, oklch(66.79% 0.0303 235.47) 85.417% 87.500%, oklch(62.38% 0.0356 236.22) 87.500% 89.583%, oklch(58.05% 0.0409 236.80) 89.583% 91.667%, oklch(53.98% 0.0459 237.27) 91.667% 93.750%, oklch(50.37% 0.0504 237.71) 93.750% 95.833%, oklch(47.40% 0.0540 238.15) 95.833% 97.917%, oklch(45.28% 0.0565 238.68) 97.917% 100.000%);

In these collections

Southern spring rain