SoHo petrol moss and clay color fan

Black moves through petrol teal and moss green, returns to charcoal and concrete gray, then opens through warm cream and peach into… #111214, #494b4c, #b04d33.

32 colors, 5 editable OKLCH keyframes.

#111214
#151a1f
#18272f
#18393e
#1a4d46
#2d5f46
#486d40
#5f773b
#697b3c
#617b44
#4e774f
#3c6d59
#365f5c
#395257
#3d494f
#414649
#494b4c
#585858
#6b6b6b
#828282
#9a9b9a
#b1b3af
#c6c5bd
#d5cfc2
#dccebc
#ddc3ad
#d9b297
#d29c7f
#c88566
#be6e4f
#b55b3d
#b04d33

CSS

background: conic-gradient(from 315deg, oklch(18.11% 0.0041 264.37) 0.000% 3.125%, oklch(21.45% 0.0123 251.18) 3.125% 6.250%, oklch(26.33% 0.0246 231.57) 6.250% 9.375%, oklch(32.15% 0.0393 208.11) 9.375% 12.500%, oklch(38.35% 0.0548 183.36) 12.500% 15.625%, oklch(44.35% 0.0693 159.88) 15.625% 18.750%, oklch(49.57% 0.0813 140.23) 18.750% 21.875%, oklch(53.45% 0.0890 126.98) 21.875% 25.000%, oklch(55.38% 0.0907 122.72) 25.000% 28.125%, oklch(54.94% 0.0858 129.61) 28.125% 31.250%, oklch(52.65% 0.0757 145.27) 31.250% 34.375%, oklch(49.25% 0.0622 166.31) 34.375% 37.500%, oklch(45.46% 0.0469 189.35) 37.500% 40.625%, oklch(42.02% 0.0317 211.02) 40.625% 43.750%, oklch(39.66% 0.0183 227.91) 43.750% 46.875%, oklch(39.12% 0.0085 236.65) 46.875% 50.000%, oklch(41.15% 0.0035 234.27) 50.000% 53.125%, oklch(45.99% 0.0006 222.13) 53.125% 56.250%, oklch(52.81% 0.0000 89.88) 56.250% 59.375%, oklch(60.73% 0.0000 89.88) 59.375% 62.500%, oklch(68.86% 0.0022 152.69) 62.500% 65.625%, oklch(76.29% 0.0060 126.68) 65.625% 68.750%, oklch(82.13% 0.0115 103.32) 68.750% 71.875%, oklch(85.48% 0.0186 85.04) 71.875% 75.000%, oklch(85.71% 0.0283 72.63) 75.000% 78.125%, oklch(83.34% 0.0420 62.96) 78.125% 81.250%, oklch(79.10% 0.0586 55.47) 81.250% 84.375%, oklch(73.68% 0.0765 49.74) 84.375% 87.500%, oklch(67.79% 0.0945 45.36) 87.500% 90.625%, oklch(62.14% 0.1112 41.90) 90.625% 93.750%, oklch(57.42% 0.1252 38.96) 93.750% 96.875%, oklch(54.33% 0.1350 36.12) 96.875% 100.000%);

In these collections

SoHo chic colors