Ochre and bronze color palette

Vivid analogous orange to brown palette with 32 colors. #f1ba4a, #e29f00, #c48100, #aa6700, #915100. Edit and export CSS, SVG, PNG or a shader.

32 colors, 3 editable OKLCH keyframes.

#f1ba4a
#efb846
#eeb542
#edb23c
#ebaf34
#e9ab2c
#e7a721
#e5a311
#e29f00
#de9b00
#db9700
#d79300
#d38f00
#cf8b00
#cb8700
#c88400
#c48100
#c17d00
#bd7900
#b97600
#b57200
#b26e00
#ae6a00
#aa6700
#a66300
#a26000
#9f5d00
#9b5a00
#985700
#965400
#935200
#915100

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(81.89% 0.1406 82.27) 0.0%, oklch(81.32% 0.1417 81.92) 3.2%, oklch(80.63% 0.1433 81.52) 6.5%, oklch(79.84% 0.1452 81.06) 9.7%, oklch(78.95% 0.1474 80.54) 12.9%, oklch(77.99% 0.1498 79.98) 16.1%, oklch(76.96% 0.1523 79.37) 19.4%, oklch(75.87% 0.1549 78.73) 22.6%, oklch(74.74% 0.1558 78.06) 25.8%, oklch(73.58% 0.1537 77.37) 29.0%, oklch(72.40% 0.1517 76.66) 32.3%, oklch(71.21% 0.1496 75.94) 35.5%, oklch(70.04% 0.1476 75.22) 38.7%, oklch(68.88% 0.1456 74.50) 41.9%, oklch(67.75% 0.1437 73.78) 45.2%, oklch(66.66% 0.1419 73.08) 48.4%, oklch(65.62% 0.1402 72.39) 51.6%, oklch(64.53% 0.1384 71.64) 54.8%, oklch(63.39% 0.1366 70.85) 58.1%, oklch(62.21% 0.1347 70.02) 61.3%, oklch(61.00% 0.1328 69.16) 64.5%, oklch(59.79% 0.1310 68.29) 67.7%, oklch(58.58% 0.1291 67.41) 71.0%, oklch(57.38% 0.1272 66.53) 74.2%, oklch(56.22% 0.1255 65.68) 77.4%, oklch(55.09% 0.1238 64.85) 80.6%, oklch(54.03% 0.1221 64.06) 83.9%, oklch(53.03% 0.1206 63.32) 87.1%, oklch(52.12% 0.1193 62.64) 90.3%, oklch(51.30% 0.1180 62.03) 93.5%, oklch(50.59% 0.1169 61.51) 96.8%, oklch(50.00% 0.1160 61.08) 100.0%);

In these collections

Orange gradients Hero section gradients