Design
Color systems, SVG backgrounds, gradients, and sketching
6 tools
Palette Generator
Generate coordinated color palettes from a seed color
Contrast Checker
Check foreground and background contrast against WCAG thresholds
Gradient Generator
Build CSS gradients with live preview and export-ready CSS
SVG Blob Generator
Generate organic SVG blob backgrounds with seeded variation
SVG Wave Generator
Create seeded SVG wave backgrounds and dividers
Sketch Canvas
Create rough drawings and export them as PNG
Frequently asked questions
- Can I generate palettes, gradients, and SVG backgrounds without an account?
- Yes. The Design tools run directly in the browser and let you generate palettes, gradients, SVG blobs, SVG waves, and sketches without sign-up requirements or server-side project storage.
- Does Contrast Checker use WCAG ratios?
- Yes. Contrast Checker computes contrast ratios for foreground and background color pairs and surfaces WCAG-style guidance so you can quickly judge readability for UI and marketing assets.
- Are blob and wave generators deterministic?
- Yes. SVG Blob Generator and SVG Wave Generator use deterministic seeds so you can regenerate or tweak a direction without losing the general shape language of a design you like.