Warm beige, orange and maroon angular swatches

Warm beige, orange and maroon color palette

Angular swatches, 13 colors at 90°: #e0db8d, #ddab2d, #c65e04, #9a0502, #620400. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#e0db8d
#ded177
#dec054
#ddab2d
#da9304
#d17800
#c65e04
#b94301
#ab2600
#9a0502
#840004
#710000
#620400

CSS

background: conic-gradient(from 90deg, oklch(87.80% 0.0992 105.47) 0.000% 7.692%, oklch(85.16% 0.1123 100.81) 7.692% 15.385%, oklch(81.29% 0.1304 93.92) 15.385% 23.077%, oklch(76.77% 0.1447 85.39) 23.077% 30.769%, oklch(71.55% 0.1506 74.35) 30.769% 38.462%, oklch(65.68% 0.1516 61.65) 38.462% 46.154%, oklch(59.84% 0.1557 50.52) 46.154% 53.846%, oklch(54.13% 0.1641 41.63) 53.846% 61.538%, oklch(48.46% 0.1732 34.23) 61.538% 69.231%, oklch(43.31% 0.1750 29.38) 69.231% 76.923%, oklch(38.60% 0.1578 28.17) 76.923% 84.615%, oklch(34.38% 0.1408 29.31) 84.615% 92.308%, oklch(31.50% 0.1253 30.29) 92.308% 100.000%);

In these collections

Orange gradients