Cloud bank · Clear

Three depths of cloud over a sky gradient, shaded by the sun with silver linings on the edges that face it, drifting and slowly reshaping.

Open in studio

Settings

What this style sets on Cloud bank. Highlighted values differ from the default.

Sky#3d7fd0
Horizon#c8dff2
Cloud#ffffff
Shadow#6f85a8
Sun#ffe8b0
Cover0.2
Scale1
Speed0.3
Lining1
Grain0.03

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 Cloud bank styles