Muzli

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

01Coolors

Coolors

Freemium

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

Visit →
02Adobe Color

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

Visit →
03Google Fonts

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

Visit →
04Type Scale

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

Visit →
05Font Pair

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

Visit →
06Colormind

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

Visit →
07Realtime Colors

Test 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.

Visit →
08Fontshare

Curated 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.

Visit →
09Khroma

Khroma

Free

Trains a personal AI on the 50 colors you pick, then generates infinite palette combinations tailored to your aesthetic — produces more contextually appropriate suggestions than algorithmic generators.

Visit →
10Fontjoy

Deep-learning font pairing generator that finds harmonious combinations across the full Google Fonts catalog — more creative and reliable than manual curation for display/body pairings.

Visit →