Cream Orange Brown

Beige, orange, brown and navy color palette

These linear swatch bands move through cream, orange, brown, gray, and navy in its saved order. Linear swatches, 5 colors at 45°: #fff1d2, #d97f4e, #783b3b, #a67a55, #394a62. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#fff1d2
#d97f4e
#783b3b
#a67a55
#394a62

CSS

background: linear-gradient(45deg, oklch(96.06% 0.0427 86.48) 0.000% 20.000%, oklch(68.50% 0.1281 48.44) 20.000% 40.000%, oklch(42.91% 0.0854 20.97) 40.000% 60.000%, oklch(61.42% 0.0758 60.07) 60.000% 80.000%, oklch(40.55% 0.0455 257.33) 80.000% 100.000%);

In these collections

Golden hour swatches