ネイビー、グレーと暗いグレーの円錐グラデーション
ネイビー、グレーと暗いグレーのパレット（32色）。 #2c2734, #494155, #7e748d, #b7afc1, #e4edef, #a9c9ce, #54757d, #294148。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
32色、編集できる OKLCH キーフレーム8個。
- #2c2734
- #302b3a
- #373142
- #40394b
- #494155
- #524a5f
- #5c536a
- #665d75
- #726881
- #7e748d
- #8c829a
- #9c91a6
- #aba0b3
- #b7afc1
- #c2bfcf
- #ccd0dc
- #d8e0e7
- #e2eaed
- #e4edef
- #dceaec
- #cde2e4
- #bbd6da
- #a9c9ce
- #98bac0
- #86a9b0
- #73979e
- #63858d
- #54757d
- #47656d
- #3a565e
- #304951
- #294148
CSS
background: conic-gradient(from 270deg in oklch, oklch(28.35% 0.0248 300.94) 0.0%, oklch(30.19% 0.0267 301.33) 3.2%, oklch(32.79% 0.0294 301.93) 6.5%, oklch(35.86% 0.0324 302.53) 9.7%, oklch(39.15% 0.0350 302.96) 12.9%, oklch(42.44% 0.0368 303.05) 16.1%, oklch(45.92% 0.0386 302.78) 19.4%, oklch(49.63% 0.0399 302.38) 22.6%, oklch(53.55% 0.0405 302.05) 25.8%, oklch(57.70% 0.0398 302.06) 29.0%, oklch(62.28% 0.0374 304.61) 32.3%, oklch(67.19% 0.0339 308.43) 35.5%, oklch(72.11% 0.0298 310.20) 38.7%, oklch(76.73% 0.0258 306.59) 41.9%, oklch(81.15% 0.0219 293.78) 45.2%, oklch(85.90% 0.0170 271.71) 48.4%, oklch(90.21% 0.0125 246.38) 51.6%, oklch(93.22% 0.0097 223.98) 54.8%, oklch(94.09% 0.0102 210.49) 58.1%, oklch(92.70% 0.0149 205.38) 61.3%, oklch(89.68% 0.0221 205.20) 64.5%, oklch(85.68% 0.0296 207.27) 67.7%, oklch(81.32% 0.0353 208.95) 71.0%, oklch(76.62% 0.0382 209.42) 74.2%, oklch(71.05% 0.0398 210.54) 77.4%, oklch(65.12% 0.0403 212.02) 80.6%, oklch(59.34% 0.0402 213.53) 83.9%, oklch(54.08% 0.0396 214.82) 87.1%, oklch(48.68% 0.0379 216.17) 90.3%, oklch(43.46% 0.0356 217.54) 93.5%, oklch(38.99% 0.0332 218.73) 96.8%, oklch(35.83% 0.0317 219.57) 100.0%);