Black Gold Orange Wedges

Analogous brown, orange and yellow color palette

This angular gradient moves through near-black brown, deep gold, bright gold, pale gold, amber, and closes in vivid orange. Angular gradient, 32 colors at 145°: #18140c, #cf8d08, #ffeb9b, #ffde66, #ff4f03. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#18140c
#241c0f
#342711
#483414
#604415
#7b5615
#986813
#b47b0f
#cf8d08
#e79d00
#faab00
#ffba42
#ffc968
#ffd47f
#ffde8f
#ffe598
#ffeb9b
#fff097
#fff38a
#fff476
#fef36e
#fff069
#ffe96b
#ffde66
#ffd05b
#ffbf4b
#ffad3a
#ff9a27
#ff8614
#ff7203
#ff5f00
#ff4f03

CSS

background: conic-gradient(from 145deg in oklch, oklch(19.29% 0.0165 79.45) 0.0%, oklch(23.04% 0.0261 79.14) 3.2%, oklch(28.10% 0.0393 78.58) 6.5%, oklch(34.17% 0.0552 77.85) 9.7%, oklch(40.95% 0.0729 77.05) 12.9%, oklch(48.14% 0.0916 76.27) 16.1%, oklch(55.45% 0.1103 75.61) 19.4%, oklch(62.57% 0.1283 75.15) 22.6%, oklch(69.20% 0.1445 74.99) 25.8%, oklch(75.05% 0.1582 75.21) 29.0%, oklch(79.81% 0.1677 75.91) 32.3%, oklch(83.41% 0.1518 77.38) 35.5%, oklch(86.45% 0.1296 80.01) 38.7%, oklch(89.01% 0.1142 83.53) 41.9%, oklch(91.09% 0.1044 87.60) 45.2%, oklch(92.72% 0.1001 91.88) 48.4%, oklch(93.93% 0.1019 96.03) 51.6%, oklch(94.73% 0.1107 99.72) 54.8%, oklch(95.14% 0.1272 102.60) 58.1%, oklch(95.18% 0.1472 104.33) 61.3%, oklch(94.87% 0.1533 104.58) 64.5%, oklch(94.20% 0.1547 103.00) 67.7%, oklch(92.74% 0.1465 99.29) 71.0%, oklch(90.49% 0.1425 93.78) 74.2%, oklch(87.66% 0.1430 86.90) 77.4%, oklch(84.42% 0.1475 79.09) 80.6%, oklch(80.96% 0.1554 70.79) 83.9%, oklch(77.47% 0.1665 62.44) 87.1%, oklch(74.14% 0.1801 54.46) 90.3%, oklch(71.15% 0.1951 47.30) 93.5%, oklch(68.68% 0.2097 41.38) 96.8%, oklch(66.93% 0.2222 37.18) 100.0%);

In these collections

Funhaus