Amber into Slate
This palette moves from light orange through orange to gray. It darkens and then lightens across a moderate lightness range, combining moderate color with… Linear gradient, 32 colors at 180°: #d59338, #b36a2c, #7b492e, #504746, #4b5b61. Edit and export CSS, SVG, PNG or a shader.
5 editable OKLCH keyframes.
- #d59338
- #d38f36
- #d08b34
- #cc8632
- #c88030
- #c47a2e
- #bf742d
- #b96f2c
- #b36a2c
- #ad652b
- #a6602a
- #9e5b29
- #975728
- #8f5328
- #884f29
- #814c2b
- #7b492e
- #744831
- #6d4735
- #654739
- #5e463d
- #584640
- #534643
- #504746
- #4e4848
- #4e494b
- #504b4f
- #504e55
- #50515a
- #4e555f
- #4c5961
- #4b5b61
CSS
background: linear-gradient(180deg in oklch, oklch(71.26% 0.1309 71.02) 0.0%, oklch(70.36% 0.1303 69.87) 3.2%, oklch(69.17% 0.1298 68.29) 6.5%, oklch(67.76% 0.1292 66.41) 9.7%, oklch(66.18% 0.1284 64.35) 12.9%, oklch(64.50% 0.1272 62.24) 16.1%, oklch(62.78% 0.1256 60.22) 19.4%, oklch(61.07% 0.1234 58.42) 22.6%, oklch(59.44% 0.1205 56.95) 25.8%, oklch(57.71% 0.1170 55.97) 29.0%, oklch(55.88% 0.1132 55.33) 32.3%, oklch(53.99% 0.1088 54.86) 35.5%, oklch(52.10% 0.1040 54.37) 38.7%, oklch(50.29% 0.0986 53.69) 41.9%, oklch(48.61% 0.0927 52.61) 45.2%, oklch(47.11% 0.0862 50.97) 48.4%, oklch(45.84% 0.0788 48.85) 51.6%, oklch(44.67% 0.0696 47.53) 54.8%, oklch(43.60% 0.0591 46.60) 58.1%, oklch(42.64% 0.0479 45.35) 61.3%, oklch(41.84% 0.0369 43.10) 64.5%, oklch(41.21% 0.0268 39.13) 67.7%, oklch(40.77% 0.0183 32.74) 71.0%, oklch(40.57% 0.0121 23.24) 74.2%, oklch(40.66% 0.0089 9.24) 77.4%, oklch(41.13% 0.0081 349.72) 80.6%, oklch(41.89% 0.0093 326.45) 83.9%, oklch(42.82% 0.0117 301.31) 87.1%, oklch(43.81% 0.0148 276.18) 90.3%, oklch(44.75% 0.0179 252.95) 93.5%, oklch(45.54% 0.0206 233.48) 96.8%, oklch(46.06% 0.0220 219.67) 100.0%);In these collections
Orange gradientsAmber beer hall
Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works
