Drag Tailwind-palette blobs around a canvas to build an aurora / sunset / brand background. Export at wallpaper, OG, and social sizes.
Preset
Background
Blobs (4 / 6)
Radius
55%Blob color
emerald-400#34d399
Export sizes
Start from a preset
Aurora, sunset, indie brand, editorial — four starting points for the most-used looks.
Drag the blobs
Each blob is a radial gradient from one Tailwind color to transparent. Move them, resize them, recolor them.
Pick a background
Dark backgrounds blend additively; light backgrounds use source-over for a softer composite.
Export
iPhone / iPad wallpaper, Instagram, OG, 1080p, 4K. Pick sizes, download as a ZIP.
A gradient produced by overlapping several radial color fields — the style Stripe, Linear, and Arc popularised on their landing pages. Unlike a linear gradient with two stops, meshes read as soft, atmospheric, multi-hue.
This tool uses additive blending on dark backgrounds (like Photoshop's Screen mode) which brightens overlap regions. Light backgrounds keep source-over blending so the blobs read as pigment rather than light.
Not yet. SVG mesh gradients aren't well supported in browsers — the result renders inconsistently across Chrome, Safari, and Firefox. PNG gives you a reliable, shareable file.
Three to six is the sweet spot. Fewer feels sparse; more gets muddy. The tool caps at six to keep outputs crisp.
Gradient generator
Build Tailwind-palette gradients and export wallpaper, social, and OG sizes.
Palette extractor
Drop an image and pull out its 5, 8, or 12 dominant colors — with Tailwind-nearest matches.
Translating screenshots into every locale is what lokal was built for. Upload once, ship to every store.
Explore lokal