Champagne, terracotta and burgundy two color palette

The Champagne, terracotta and burgundy two color palette brings together pale orange and red. Angular gradient, 32 colors at 315°: #faf1e0, #dfc9ab, #bd8d66, #9f5734, #852a12. Edit and export CSS, SVG, PNG or a shader.

2 editable OKLCH keyframes.

#faf1e0
#f7eedb
#f5ead6
#f2e6d0
#eee1ca
#ebdbc3
#e7d5bb
#e3cfb3
#dfc9ab
#dbc2a3
#d7bb9a
#d3b492
#cfac89
#caa480
#c69c77
#c2956f
#bd8d66
#b9855e
#b57d56
#b0754e
#ac6d47
#a86640
#a35e3a
#9f5734
#9b502e
#984a28
#944424
#903e1f
#8d381b
#8a3318
#882e15
#852a12

CSS

background: conic-gradient(from 315deg in oklch, oklch(96.06% 0.0248 85.08) 0.0%, oklch(95.11% 0.0267 84.20) 3.2%, oklch(94.00% 0.0288 83.18) 6.5%, oklch(92.74% 0.0312 82.02) 9.7%, oklch(91.35% 0.0340 80.74) 12.9%, oklch(89.83% 0.0369 79.34) 16.1%, oklch(88.20% 0.0401 77.84) 19.4%, oklch(86.47% 0.0434 76.24) 22.6%, oklch(84.64% 0.0470 74.56) 25.8%, oklch(82.73% 0.0507 72.80) 29.0%, oklch(80.76% 0.0545 70.98) 32.3%, oklch(78.72% 0.0585 69.10) 35.5%, oklch(76.63% 0.0625 67.18) 38.7%, oklch(74.50% 0.0667 65.23) 41.9%, oklch(72.35% 0.0708 63.24) 45.2%, oklch(70.18% 0.0751 61.25) 48.4%, oklch(68.01% 0.0793 59.24) 51.6%, oklch(65.84% 0.0835 57.25) 54.8%, oklch(63.69% 0.0877 55.26) 58.1%, oklch(61.56% 0.0918 53.31) 61.3%, oklch(59.47% 0.0958 51.38) 64.5%, oklch(57.43% 0.0998 49.51) 67.7%, oklch(55.45% 0.1036 47.68) 71.0%, oklch(53.55% 0.1074 45.93) 74.2%, oklch(51.72% 0.1109 44.25) 77.4%, oklch(49.99% 0.1143 42.65) 80.6%, oklch(48.35% 0.1174 41.15) 83.9%, oklch(46.84% 0.1204 39.75) 87.1%, oklch(45.44% 0.1231 38.47) 90.3%, oklch(44.19% 0.1255 37.31) 93.5%, oklch(43.08% 0.1277 36.29) 96.8%, oklch(42.13% 0.1295 35.41) 100.0%);

In these collections

Linear gradients Two color gradients