Amber orange diagonal bands

Analogous brown, orange and beige color palette

Linear swatches, 7 colors at 33°: #604a0d, #9f5c08, #e57517, #ff9829, #ffbd31, #ffe53a, #fbffb8. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#604a0d
#9f5c08
#e57517
#ff9829
#ffbd31
#ffe53a
#fbffb8

CSS

background: linear-gradient(33deg, oklch(42.13% 0.0799 86.48) 0.000% 14.286%, oklch(54.01% 0.1208 62.62) 14.286% 28.571%, oklch(68.01% 0.1662 52.86) 28.571% 42.857%, oklch(77.19% 0.1667 61.39) 42.857% 57.143%, oklch(83.80% 0.1607 80.85) 57.143% 71.429%, oklch(91.65% 0.1762 100.12) 71.429% 85.714%, oklch(98.03% 0.0899 110.78) 85.714% 100.000%);

In these collections

Golden hour gradients