Deep Ocean Blue Pale Gold Coastal Blue

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

5 editable OKLCH keyframes.

#27566b
#f4d7a0
#6ca6b8
#e8885a
#d9c18b

CSS

background: linear-gradient(180deg, oklch(42.91% 0.0620 229.92) 0.000% 20.000%, oklch(88.98% 0.0772 83.03) 20.000% 40.000%, oklch(69.29% 0.0661 219.35) 40.000% 60.000%, oklch(72.05% 0.1323 46.05) 60.000% 80.000%, oklch(81.89% 0.0758 87.26) 80.000% 100.000%);

In these collections

Beach swatches