補色のネイビー、グレーとタンの線形グラデーション
補色のネイビー、グレーとタンのパレット（32色）。 #222a35, #2c3c4e, #41596f, #5c6d80, #6f8e8f, #9ca383, #ccb992, #dec99e。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
32色、編集できる OKLCH キーフレーム5個。
- #222a35
- #242d39
- #27313f
- #293646
- #2c3c4e
- #304256
- #33485d
- #374e64
- #3b536a
- #41596f
- #475e74
- #4f6278
- #56687c
- #5c6d80
- #627384
- #667988
- #697f8c
- #6c878f
- #6f8e8f
- #75958d
- #809b89
- #8da085
- #9ca383
- #a9a783
- #b4aa86
- #bdaf8a
- #c5b38e
- #ccb992
- #d1be95
- #d6c299
- #dac69b
- #dec99e
CSS
background: linear-gradient(135deg in oklch, oklch(28.35% 0.0234 256.64) 0.0%, oklch(29.51% 0.0257 255.97) 3.2%, oklch(31.07% 0.0291 255.09) 6.5%, oklch(32.93% 0.0331 254.03) 9.7%, oklch(34.98% 0.0374 252.86) 12.9%, oklch(37.15% 0.0415 251.61) 16.1%, oklch(39.34% 0.0449 250.33) 19.4%, oklch(41.44% 0.0474 249.08) 22.6%, oklch(43.38% 0.0483 247.96) 25.8%, oklch(45.26% 0.0475 248.11) 29.0%, oklch(47.13% 0.0454 249.33) 32.3%, oklch(49.00% 0.0425 250.80) 35.5%, oklch(50.87% 0.0391 251.71) 38.7%, oklch(52.75% 0.0359 251.25) 41.9%, oklch(54.64% 0.0333 248.58) 45.2%, oklch(56.53% 0.0319 242.90) 48.4%, oklch(58.44% 0.0319 233.19) 51.6%, oklch(60.40% 0.0331 218.30) 54.8%, oklch(62.39% 0.0351 199.54) 58.1%, oklch(64.39% 0.0378 178.52) 61.3%, oklch(66.37% 0.0407 156.85) 64.5%, oklch(68.32% 0.0438 136.12) 67.7%, oklch(70.20% 0.0467 117.96) 71.0%, oklch(72.01% 0.0491 103.96) 74.2%, oklch(73.76% 0.0511 94.90) 77.4%, oklch(75.55% 0.0530 89.18) 80.6%, oklch(77.34% 0.0549 86.06) 83.9%, oklch(79.07% 0.0567 84.84) 87.1%, oklch(80.68% 0.0584 84.85) 90.3%, oklch(82.12% 0.0598 85.41) 93.5%, oklch(83.33% 0.0611 85.84) 96.8%, oklch(84.25% 0.0620 85.45) 100.0%);