Designer Tools
Color & Typography
Tools for building harmonious color palettes, finding the right typeface, and establishing typographic scales that hold up across breakpoints.
10 tools curated
The Tools

Coolors
FreemiumThe fastest palette generator. Hit spacebar to generate, lock colors you love, and export to CSS, SVG, or Adobe. Used by millions of designers daily.

Adobe Color
FreeCreate, explore, and save color themes. Includes accessibility tools (WCAG contrast checking) and integration with the entire Adobe Creative Cloud.

Google Fonts
FreeThe largest free font library on the web. 1,500+ typefaces, all open-source, with instant embedding via a single CSS import.

Type Scale
FreeVisual typographic scale calculator. Pick a base size and ratio, get a complete scale with pixel values — copy to CSS in seconds.

Font Pair
FreeCurated Google Font pairings with visual previews. Find heading + body combinations that actually work — no trial and error.

Colormind
FreeAI-powered color palette generator trained on films, art, and popular design. Generates contextually coherent palettes, not just random combinations.

Realtime Colors
FreeTest color palettes and font pairings on a realistic website template in real time — far more useful than looking at swatches in isolation when making design system color decisions.

Fontshare
FreeCurated library of high-quality, free-for-commercial-use fonts from Indian Type Foundry. The best alternative to Google Fonts for designers who want distinctive, professional typefaces without licensing costs.

