Sky Drift
Blue Gradient Backgrounds (CSS)
Eight blue mesh gradients as pure CSS — every Copy button below hands you a complete background-image rule you can paste straight into a stylesheet, no images and no build step. Blue is the safest color in interface design: it signals trust, survives both light and dark themes, and photographs well behind white or black text alike.
The code you copy is plain layered radial-gradients, so it scales to any container without pixelation and weighs a few hundred bytes. For hero sections, the navy-based designs hold white headlines best; the light sky variant is built for pages where dark text must stay readable directly on the gradient.
A common trick: use one of the deeper blues as a full-page backdrop and the lighter azure as a card surface on top — because both come from the same family here, they layer without clashing. Open any design in the editor to nudge a node toward teal or violet and the copy button will hand you the updated code.