Share
Generate modern mesh-gradient backgrounds with overlapping radials.
background-color: #1e1b4b; background-image: radial-gradient(at 69% 98%, #ec4899 0px, transparent 50%), radial-gradient(at 27% 73%, #ec4899 0px, transparent 50%), radial-gradient(at 56% 100%, #fbbf24 0px, transparent 50%), radial-gradient(at 13% 90%, #06b6d4 0px, transparent 50%), radial-gradient(at 45% 65%, #fda4af 0px, transparent 50%);
Create stunning mesh / soft-blob backgrounds using overlapping radial gradients — the trending modern look. Randomize palettes, pin and recolor individual blobs, or roll the dice until something clicks. Copy the resulting CSS background instantly.
Share this tool