Prism

Extracts curated color palettes and font families from live web pages for designers.

Prism extracts curated color palettes and font families from any live web page. When you need colors or type from a site for reference, recreation, or inspiration, you shouldn’t have to eyedropper endlessly or guess which fonts actually matter. Prism scans the page as it’s rendered, then gives you a focused set of colors and the typefaces that carry the design. What it does Open a website, click Prism, and choose Color palette or Font families. Prism samples what’s visible on the page—backgrounds, text, borders, icons—and returns a color palette with clear roles (foundation, primary, secondary, accent, neutrals), plus a ranked list of font families with the weights that matter. You can shuffle alternate palettes from the same page, edit swatches, copy the palette as a PNG into Figma, copy font names, or highlight a typeface on the live page to see where it’s used. Why install it - Capture a site’s colors and fonts in one place instead of collecting them by hand - Results come from rendered, visible styles and not a raw dump of every CSS value - Edit, shuffle, and copy into design tools without leaving the browser - Extraction runs locally; page content isn’t sent to our servers Built for UI and visual designers who sample live sites and want accurate colors and typography fast. Open a site. Click Prism. Extract. Take what you need into your next design.