Tide bands · Indigo

Layered waves of colour like paper cut-outs, each band a soft OKLab blend, drifting at its own pace.

Settings

What this style sets on Tide bands. Highlighted values differ from the default.

Back#0b0630
Mid#3a2ad6
Front#8fd0ff
Bands6
Amplitude0.5
Softness0.4
Speed0.3
Grain0.035

Ship it

Open it in the studio, tune it, then export a self-contained component for React, Vue, Svelte, Astro, Solid or vanilla JS, a PNG, GIF or video. Code export and 4K media are Pro.

Open in studio

More Tide bands styles