Tools

FWD Tools: Free Color, Gradient & Typography Tools

Free browser tools for color palettes, gradients and SVG graphics, with code outputs for web projects.

Cover image for FWD Tools: Free Color, Gradient & Typography Tools

Colors and graphics for web projects

FWD Tools groups browser utilities for palettes, mesh gradients, icons, SVG waves and social preview graphics. These are useful when a web design needs a supporting visual or a color system that can move straight into code.

No-install workflow

Use a generator, adjust the controls and take the CSS, SVG or other output supported by that tool. The design-tools page describes the collection as free and available without signup.

Author and update

Created by Puneet Sharma. The design-tools index was updated on May 24, 2026; individual tools may be older.

Sources and terms

Official source ↗

Keep reading

Previous resource

Penpot: Free Open-Source UI Design & Prototyping Tool

Open-source UI design and prototypes with a free hosted plan; signup, storage and history limits apply.

View resource