Coastal Blue Coral Orange Sand Beige

These linear swatch bands move through coastal blue, coral orange, sand beige, deep ocean blue, and pale gold in its saved order. Linear swatches, 5 colors at 90°: #6ca6b8, #e8885a, #d9c18b, #26566b, #f4d6a0. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#6ca6b8
#e8885a
#d9c18b
#26566b
#f4d6a0

CSS

background: linear-gradient(90deg, oklch(69.29% 0.0661 219.37) 0.000% 20.000%, oklch(72.05% 0.1323 46.07) 20.000% 40.000%, oklch(81.89% 0.0758 87.28) 40.000% 60.000%, oklch(42.91% 0.0620 228.89) 60.000% 80.000%, oklch(88.98% 0.0772 82.00) 80.000% 100.000%);

In these collections

Beach swatches