補色のネイビー、グレーと茶色の線形グラデーション
補色のネイビー、グレーと茶色のパレット（32色）。 #131827, #222b40, #4a556a, #77808e, #c2c8c7, #e3dfd3, #a4916d, #5e4f3b。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
32色、編集できる OKLCH キーフレーム7個。
- #131827
- #151b2b
- #192031
- #1d2538
- #222b40
- #273248
- #2e3a50
- #374259
- #404b61
- #4a556a
- #545f73
- #5e6a7c
- #6a7585
- #77808e
- #838c97
- #8f98a1
- #9ca6ac
- #aeb7b8
- #c2c8c7
- #d5d8d5
- #e1e3df
- #e6e5df
- #e3dfd3
- #dbd3bf
- #cfc4a7
- #c1b390
- #b4a37d
- #a4916d
- #907d5d
- #7c6a4f
- #6a5a43
- #5e4f3b
CSS
background: linear-gradient(135deg in oklch, oklch(21.26% 0.0303 268.59) 0.0%, oklch(22.60% 0.0322 268.03) 3.2%, oklch(24.44% 0.0352 267.22) 6.5%, oklch(26.65% 0.0383 266.28) 9.7%, oklch(29.15% 0.0411 265.33) 12.9%, oklch(31.83% 0.0426 264.49) 16.1%, oklch(34.69% 0.0427 263.98) 19.4%, oklch(37.85% 0.0418 263.85) 22.6%, oklch(41.24% 0.0401 263.72) 25.8%, oklch(44.78% 0.0379 263.19) 29.0%, oklch(48.40% 0.0353 261.88) 32.3%, oklch(52.05% 0.0324 260.25) 35.5%, oklch(55.80% 0.0287 259.96) 38.7%, oklch(59.65% 0.0244 259.14) 41.9%, oklch(63.60% 0.0203 255.72) 45.2%, oklch(67.64% 0.0166 247.60) 48.4%, oklch(71.94% 0.0137 232.22) 51.6%, oklch(77.28% 0.0103 207.38) 54.8%, oklch(82.91% 0.0070 177.21) 58.1%, oklch(87.89% 0.0050 146.61) 61.3%, oklch(91.26% 0.0051 120.49) 64.5%, oklch(92.08% 0.0085 103.43) 67.7%, oklch(90.35% 0.0170 94.35) 71.0%, oklch(86.80% 0.0285 90.34) 74.2%, oklch(82.10% 0.0406 89.16) 77.4%, oklch(76.96% 0.0505 88.54) 80.6%, oklch(72.03% 0.0555 86.29) 83.9%, oklch(66.35% 0.0552 83.15) 87.1%, oklch(59.83% 0.0514 80.27) 90.3%, oklch(53.31% 0.0459 77.75) 93.5%, oklch(47.65% 0.0405 75.68) 96.8%, oklch(43.70% 0.0372 74.15) 100.0%);