Sage Clay Earth Bands

Analogous gray, pink, brown and black color palette

These diagonal bands move from pale sage through dusty clay, dark walnut, and near black green. Linear swatches, 4 colors at 300°: #d2dfcd, #e5b0a6, #41250e, #171a10. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#d2dfcd
#e5b0a6
#41250e
#171a10

CSS

background: linear-gradient(300deg, oklch(88.98% 0.0289 135.70) 0.000% 25.000%, oklch(80.31% 0.0634 31.08) 25.000% 50.000%, oklch(29.53% 0.0551 57.50) 50.000% 75.000%, oklch(21.26% 0.0207 120.91) 75.000% 100.000%);

In these collections

Earth tone swatches