Rain gray leaf green and clay fan

Gray, teal, navy and brown color palette

Pale rain gray descends through fresh leaf green and wet teal into a deep navy pause, then rises through teal, olive and ochre toward muted clay. Angular swatches, 48 colors at 315°: #c2ccd0, #4d836b, #182534, #c69b48, #a86d4e. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#c2ccd0
#bbc8cd
#b3c4c9
#a9bfc3
#9ebabc
#92b5b4
#86aea9
#7ba89e
#71a192
#679986
#5f927b
#568a72
#4d836b
#427a66
#367062
#2a655e
#21595a
#1d4d54
#1b414d
#1b3745
#1a2f3e
#1a2838
#192533
#182332
#182534
#182b3b
#173544
#15424d
#155255
#1f6359
#377358
#558252
#778d4b
#979545
#b29944
#c69b48
#d29a4e
#d89853
#da9557
#d8905a
#d38c5a
#cd8759
#c68157
#be7c55
#b77752
#b07350
#ab6f4e
#a86d4e

CSS

background: conic-gradient(from 315deg, oklch(83.86% 0.0124 223.59) 0.000% 2.083%, oklch(82.55% 0.0155 220.11) 2.083% 4.167%, oklch(80.93% 0.0198 215.05) 4.167% 6.250%, oklch(79.03% 0.0251 208.81) 6.250% 8.333%, oklch(76.91% 0.0310 201.77) 8.333% 10.417%, oklch(74.59% 0.0373 194.33) 10.417% 12.500%, oklch(72.13% 0.0437 186.88) 12.500% 14.583%, oklch(69.55% 0.0499 179.80) 14.583% 16.667%, oklch(66.91% 0.0557 173.49) 16.667% 18.750%, oklch(64.24% 0.0608 168.35) 18.750% 20.833%, oklch(61.58% 0.0649 164.75) 20.833% 22.917%, oklch(58.98% 0.0678 163.09) 22.917% 25.000%, oklch(56.45% 0.0691 163.81) 25.000% 27.083%, oklch(53.54% 0.0684 167.95) 27.083% 29.167%, oklch(50.20% 0.0661 175.25) 29.167% 31.250%, oklch(46.57% 0.0625 184.93) 31.250% 33.333%, oklch(42.80% 0.0579 196.22) 33.333% 35.417%, oklch(39.05% 0.0528 208.34) 35.417% 37.500%, oklch(35.47% 0.0476 220.53) 37.500% 39.583%, oklch(32.21% 0.0425 232.01) 39.583% 41.667%, oklch(29.42% 0.0381 242.01) 41.667% 43.750%, oklch(27.26% 0.0347 249.77) 43.750% 45.833%, oklch(25.88% 0.0327 254.50) 45.833% 47.917%, oklch(25.42% 0.0324 255.44) 47.917% 50.000%, oklch(26.09% 0.0343 251.84) 50.000% 52.083%, oklch(28.12% 0.0384 243.75) 52.083% 54.167%, oklch(31.32% 0.0443 231.89) 54.167% 56.250%, oklch(35.44% 0.0516 217.03) 56.250% 58.333%, oklch(40.23% 0.0600 199.92) 58.333% 60.417%, oklch(45.43% 0.0689 181.33) 60.417% 62.500%, oklch(50.80% 0.0781 162.01) 62.500% 64.583%, oklch(56.08% 0.0870 142.72) 64.583% 66.667%, oklch(61.01% 0.0953 124.23) 66.667% 68.750%, oklch(65.35% 0.1025 107.30) 68.750% 70.833%, oklch(68.85% 0.1084 92.68) 70.833% 72.917%, oklch(71.25% 0.1123 81.13) 72.917% 75.000%, oklch(72.47% 0.1143 72.75) 75.000% 77.083%, oklch(72.82% 0.1147 66.16) 77.083% 79.167%, oklch(72.47% 0.1139 61.06) 79.167% 81.250%, oklch(71.54% 0.1120 57.27) 81.250% 83.333%, oklch(70.16% 0.1093 54.55) 83.333% 85.417%, oklch(68.46% 0.1060 52.71) 85.417% 87.500%, oklch(66.58% 0.1024 51.53) 87.500% 89.583%, oklch(64.65% 0.0988 50.80) 89.583% 91.667%, oklch(62.80% 0.0953 50.31) 91.667% 93.750%, oklch(61.17% 0.0922 49.85) 93.750% 95.833%, oklch(59.87% 0.0898 49.21) 95.833% 97.917%, oklch(59.06% 0.0882 48.17) 97.917% 100.000%);

In these collections

Southern spring rain