Free Online Design Tools
Free browser-based design tools for designers, developers, and marketers. Generate harmonious colour palettes with 7 harmony modes and CSS export, create custom QR codes for URLs, WiFi, vCards and more, and design favicons from text or icons in minutes — all free, all instant, no software installation required.
Design Tools That Work in Your Browser
Great design does not require expensive software. These tools handle the most common design tasks — finding colour combinations that work together, creating scannable QR codes for print and digital, and generating the small icon that represents your site in browser tabs. All tools produce production-ready outputs you can download and use immediately.
All Free Online Design Tools
3 tools · Free · Browser-based · No sign-up
Generate harmonious colour palettes from any base colour. 7 harmony modes, CSS variable export, HEX and HSL values.
Create custom QR codes for URLs, WiFi, email, vCards, phone numbers and plain text. Customise colours and size.
Design a favicon from text or icons. Preview at all sizes. Download as .ico, SVG, or PNG with HTML snippet.
Common Workflows
Step-by-step guides for the most common use cases
- Open Color Palette Generator
- Pick a base colour or enter a HEX code
- Choose a harmony mode (complementary, triadic, etc.)
- Adjust the number of colours
- Export as CSS variables or copy HEX codes
- Open QR Code Generator
- Select type — URL, WiFi, email, vCard
- Enter the content
- Customise colours and size
- Download as PNG for print or digital use
- Open Favicon Generator
- Enter text, initials, or choose an icon
- Customise background and text colour
- Adjust corner radius
- Download as .ico, SVG, or PNG
Frequently Asked Questions
Everything you need to know about these tools
The Color Palette Generator supports 7 harmony modes: Analogous (adjacent colours on the wheel — harmonious and calm), Complementary (opposite colours — high contrast), Triadic (3 colours 120° apart — vibrant and balanced), Split-Complementary (a colour plus two adjacent to its complement — high contrast with less tension), Tetradic (4 colours forming a rectangle — rich but complex), Monochromatic (variations of one hue — sophisticated and cohesive), and Random (serendipitous discovery).
The QR Code Generator supports URL (website links), plain text, email address (opens mail client), phone number (tap to call), WiFi credentials (scan to connect — supports WPA, WPA2, WEP, and open networks), and vCard (contact information). All QR codes are generated as high-resolution PNG images suitable for print at sizes from 128×128 to 512×512 pixels.
Modern browsers need these favicon sizes: 16×16 (browser tab), 32×32 (taskbar shortcut), 48×48 (Windows site icon), 180×180 (Apple Touch Icon for iOS), 192×192 (Android home screen), and 512×512 (Progressive Web App splash screen). Our Favicon Generator exports all sizes in a single .ico file, plus individual SVG and PNG for each size, along with the HTML snippet to paste in your head section.
Yes — all outputs from these tools (colour palettes, QR codes, favicons) are yours to use commercially without restriction. The tools generate original outputs based on your inputs. QR codes you generate can be used on product packaging, business cards, menus, and any commercial materials.
Related Tool Categories
Need a different tool?
YourToolsKit has 72 free browser-based tools for developers, marketers, CA professionals, and more.