Powder Navy Sand Bands

These four diagonal bands move from powder blue through deep navy, warm sand, and pale shell. Linear swatches, 4 colors at 305°: #769ab5, #103750, #d6ae69, #fff0c9. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#769ab5
#103750
#d6ae69
#fff0c9

CSS

background: linear-gradient(305deg, oklch(66.93% 0.0565 241.17) 0.000% 25.000%, oklch(32.28% 0.0620 241.17) 25.000% 50.000%, oklch(77.17% 0.0992 80.55) 50.000% 75.000%, oklch(95.67% 0.0528 89.01) 75.000% 100.000%);

In these collections

Beach swatches