Turquoise Sand Shore Bands

These four diagonal bands move from turquoise through warm sand, driftwood brown, and seafoam. Linear swatches, 4 colors at 240°: #22899b, #f2d28c, #6f513b, #61b7bd. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#22899b
#f2d28c
#6f513b
#61b7bd

CSS

background: linear-gradient(240deg, oklch(58.27% 0.0923 211.64) 0.000% 25.000%, oklch(87.40% 0.0951 85.89) 25.000% 50.000%, oklch(46.06% 0.0524 57.35) 50.000% 75.000%, oklch(72.83% 0.0841 201.07) 75.000% 100.000%);

In these collections

Beach swatches