Design
Blob generator
Generate organic SVG blob shapes for your designs.
Organic SVG blobs, generated in your browser. Great for backgrounds and decorations.
How it works
1
Shape the blob
Adjust the complexity and randomness until you like the form.
2
Recolor
Set the fill color to match your design.
3
Copy the SVG
Copy the SVG markup or download it for use anywhere.
Frequent questions
What are blob shapes used for?
Soft, organic blobs are popular as background decoration, section dividers and image masks in modern web and app design.
Can I get clean SVG output?
Yes. The generated shape is a single SVG path you can copy into your markup or save as a file.
Explore more tools
Colors
Convert colors between HEX, RGB and HSL.
Contrast checker
Check color contrast against WCAG AA/AAA.
Palette generator
Harmonies, tints and shades from a base color.
Gradient generator
Build linear and radial CSS gradients.
Color mixer
Blend two colors and get the steps between.
Color theme maker
Build a light/dark theme and export CSS variables.
Palette from image
Extract dominant colors from an image.
Color blindness simulator
Preview colors for different vision types.