同系色の茶色からグレーの放射状グラデーション
同系色の茶色からグレーのパレット（32色）。 #432315, #684334, #a17b6a, #c9aa9b, #e6d3c5, #ece1d4, #d4cfc1, #bbb8a8。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
32色、編集できる OKLCH キーフレーム5個。
- #432315
- #49291b
- #523022
- #5c392a
- #684334
- #744e3f
- #815a4a
- #8d6555
- #97705f
- #a17b6a
- #ac8676
- #b69283
- #c09e8f
- #c9aa9b
- #d1b4a6
- #d8beb0
- #dec5b8
- #e2ccbf
- #e6d3c5
- #e9d8cb
- #ebdccf
- #ecdfd2
- #ece1d4
- #eae1d5
- #e8e0d3
- #e3dbcf
- #dcd6c9
- #d4cfc1
- #cdc8b9
- #c5c1b2
- #bfbbac
- #bbb8a8
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(29.53% 0.0537 43.59) 0.0%, oklch(31.75% 0.0541 43.55) 3.2%, oklch(34.72% 0.0549 43.44) 6.5%, oklch(38.26% 0.0557 43.30) 9.7%, oklch(42.19% 0.0566 43.19) 12.9%, oklch(46.30% 0.0572 43.13) 16.1%, oklch(50.43% 0.0575 43.16) 19.4%, oklch(54.37% 0.0572 43.34) 22.6%, oklch(57.96% 0.0562 43.69) 25.8%, oklch(61.56% 0.0543 44.04) 29.0%, oklch(65.28% 0.0517 44.37) 32.3%, oklch(69.00% 0.0487 44.78) 35.5%, oklch(72.63% 0.0453 45.35) 38.7%, oklch(76.06% 0.0419 46.18) 41.9%, oklch(79.18% 0.0387 47.35) 45.2%, oklch(81.90% 0.0357 48.95) 48.4%, oklch(84.15% 0.0332 51.08) 51.6%, oklch(86.11% 0.0308 53.86) 54.8%, oklch(87.81% 0.0284 57.16) 58.1%, oklch(89.22% 0.0261 60.80) 61.3%, oklch(90.31% 0.0240 64.62) 64.5%, oklch(91.05% 0.0222 68.47) 67.7%, oklch(91.43% 0.0206 72.17) 71.0%, oklch(91.41% 0.0195 75.57) 74.2%, oklch(90.84% 0.0189 78.70) 77.4%, oklch(89.52% 0.0188 81.90) 80.6%, oklch(87.64% 0.0191 85.10) 83.9%, oklch(85.45% 0.0196 88.20) 87.1%, oklch(83.16% 0.0204 91.09) 90.3%, oklch(80.99% 0.0211 93.67) 93.5%, oklch(79.18% 0.0217 95.83) 96.8%, oklch(77.95% 0.0220 97.49) 100.0%);