Storm navy ochre and rainlit clay

Storm navy opens through muted teal and olive into ochre, brightens through pale green-gray to rain gray, then returns through sage toward warm clay. Angular gradient, 64 colors at 225°: #182433, #51866c, #ca9c4c, #c2ccd0, #a86d4e. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#182433
#192736
#1b2b3a
#1c303f
#1e3544
#203b49
#22424f
#244954
#27515a
#2a585e
#2e6063
#336766
#386f69
#3e756b
#447c6c
#4a816d
#51866c
#588a6b
#608d68
#689063
#72925e
#7c9458
#879551
#92954b
#9d9546
#a79442
#b09440
#b8933f
#be9340
#c49442
#c79645
#ca9848
#ca9c4c
#c8a252
#c3a95a
#bcb166
#b3b875
#abbf86
#a4c597
#a0c9a8
#a0ccb7
#a4cec3
#abcfcb
#b2cfd0
#b9ced2
#beced3
#c1cdd2
#c2ccd0
#c1cbce
#bdc8cc
#b7c5c8
#b0c2c2
#a7bebb
#a0b9b1
#99b4a5
#95ae96
#95a786
#979e76
#9b9567
#a08b5b
#a48253
#a7794f
#a8724e
#a86d4e

CSS

background: conic-gradient(from 225deg in oklch, oklch(25.59% 0.0331 254.53) 0.0%, oklch(26.75% 0.0343 251.28) 1.6%, oklch(28.19% 0.0358 247.35) 3.2%, oklch(29.87% 0.0375 242.82) 4.8%, oklch(31.77% 0.0394 237.75) 6.3%, oklch(33.84% 0.0415 232.22) 7.9%, oklch(36.05% 0.0437 226.31) 9.5%, oklch(38.36% 0.0461 220.08) 11.1%, oklch(40.73% 0.0485 213.62) 12.7%, oklch(43.12% 0.0511 207.00) 14.3%, oklch(45.50% 0.0537 200.29) 15.9%, oklch(47.83% 0.0563 193.56) 17.5%, oklch(50.08% 0.0590 186.89) 19.0%, oklch(52.20% 0.0617 180.35) 20.6%, oklch(54.16% 0.0644 174.02) 22.2%, oklch(55.92% 0.0670 167.96) 23.8%, oklch(57.45% 0.0696 162.22) 25.4%, oklch(58.82% 0.0725 156.01) 27.0%, oklch(60.08% 0.0760 149.13) 28.6%, oklch(61.23% 0.0799 141.75) 30.2%, oklch(62.30% 0.0840 134.05) 31.7%, oklch(63.28% 0.0883 126.19) 33.3%, oklch(64.20% 0.0927 118.36) 34.9%, oklch(65.06% 0.0969 110.72) 36.5%, oklch(65.88% 0.1010 103.45) 38.1%, oklch(66.66% 0.1047 96.72) 39.7%, oklch(67.41% 0.1080 90.70) 41.3%, oklch(68.16% 0.1107 85.57) 42.9%, oklch(68.90% 0.1128 81.49) 44.4%, oklch(69.65% 0.1140 78.64) 46.0%, oklch(70.43% 0.1144 77.20) 47.6%, oklch(71.23% 0.1137 77.34) 49.2%, oklch(72.09% 0.1119 79.38) 50.8%, oklch(73.06% 0.1083 84.18) 52.4%, oklch(74.12% 0.1033 91.49) 54.0%, oklch(75.24% 0.0970 100.89) 55.6%, oklch(76.39% 0.0897 111.96) 57.1%, oklch(77.56% 0.0816 124.28) 58.7%, oklch(78.71% 0.0730 137.42) 60.3%, oklch(79.82% 0.0641 150.96) 61.9%, oklch(80.86% 0.0552 164.48) 63.5%, oklch(81.80% 0.0465 177.55) 65.1%, oklch(82.62% 0.0382 189.76) 66.7%, oklch(83.29% 0.0307 200.67) 68.3%, oklch(83.78% 0.0241 209.87) 69.8%, oklch(84.08% 0.0188 216.93) 71.4%, oklch(84.14% 0.0149 221.44) 73.0%, oklch(83.95% 0.0127 222.96) 74.6%, oklch(83.45% 0.0123 221.20) 76.2%, oklch(82.59% 0.0135 216.43) 77.8%, oklch(81.42% 0.0161 209.04) 79.4%, oklch(79.97% 0.0199 199.40) 81.0%, oklch(78.31% 0.0247 187.90) 82.5%, oklch(76.48% 0.0303 174.93) 84.1%, oklch(74.52% 0.0365 160.85) 85.7%, oklch(72.48% 0.0432 146.05) 87.3%, oklch(70.41% 0.0500 130.91) 88.9%, oklch(68.36% 0.0569 115.81) 90.5%, oklch(66.37% 0.0637 101.14) 92.1%, oklch(64.49% 0.0701 87.27) 93.7%, oklch(62.77% 0.0759 74.58) 95.2%, oklch(61.26% 0.0810 63.45) 96.8%, oklch(60.01% 0.0852 54.27) 98.4%, oklch(59.06% 0.0882 47.41) 100.0%);

In these collections

Southern spring rain