Creamsicle Ember Bands

Analogous tan, brown and orange color palette

Five discrete bands move through orange #f8c17b, red #4a251b, orange #f5d0a1, red #e96d1d, and orange #ffad4e. Angular swatches, 5 colors at 30°: #f8c17b, #4a251b, #f5d0a1, #e96d1d, #ffad4e. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#f8c17b
#4a251b
#f5d0a1
#e96d1d
#ffad4e

CSS

background: conic-gradient(from 30deg, oklch(84.65% 0.1075 72.42) 0.000% 20.000%, oklch(31.10% 0.0593 35.44) 20.000% 40.000%, oklch(87.80% 0.0744 73.48) 40.000% 60.000%, oklch(67.32% 0.1750 47.06) 60.000% 80.000%, oklch(81.10% 0.1451 67.14) 80.000% 100.000%);

In these collections

Orange swatches