Meet Peek: Extract Colors & Fonts from Any Website in Seconds
Aug 22, 2025
As designers, we often stumble upon a beautifully crafted website and wonder:
What font is this?
What’s that perfect shade of blue?
How do I capture this style?
That’s exactly why Peek exists.
Peek is a free Chrome/Edge extension that helps designers, developers, and creators instantly extract color palettes and typography styles from any website. No more digging through messy CSS or wasting time with inspect tools. With Peek, you get clean, ready-to-use design information in just one click.
Key Features of Peek
Peek detects all the colors used on a page and presents them in an organized palette.
Supports HEX, RGB, HSL, OKLCH and named colors.
Copy colors directly to clipboard and paste them in your project, including Figma
Export palettes as CSS, SCSS, Tailwind CSS, SVG, JSON, or Plain Text
Whether you’re building a design system, looking for inspiration, or just curious about a brand’s palette — Peek saves you hours.
Typography Analysis
Ever wondered what font your favorite site uses? Peek gives you the full picture:
Font family, size, weight, and line-height.
Easy-to-read type scales for consistent use.
Copy typography styles instantly.
Perfect for learning from the best or ensuring typographic consistency in your own projects.
Fast & Privacy Friendly
Peek works instantly in your browser. All processing happens locally — no data leaves your computer. You get results in seconds, with zero privacy concerns.
Export-Ready Design Tokens
Peek isn’t just about seeing colors and fonts — it helps you bring them into your workflow. You can copy tokens straight to your clipboard or export them for use in your project.
Lightweight & Free
Peek is built to be fast, lightweight (< 200 KB), simple, and designer-friendly. It’s completely free today, with more advanced features (like asset extraction and brand kits) coming soon.
Who Is Peek For?
Peek is perfect for anyone looking to get a head start and skip the time spending on deciding on color and typography styles.
UI/UX Designers → Save time when building design systems.
Web Developers → Quickly grab styles without digging into code.
Students & Learners → Study real-world typography and color theory.
Inspiration Seekers → Extract palettes from your favorite websites.
The Road Ahead
Right now, Peek focuses on colors and text styles, but we’re just getting started. Soon, you’ll be able to extract assets, icons, and full brand kits to supercharge your design workflow.
Install Peek To Your Browser
Peek is available for Chrome and all Chromium-based browser, including Microsoft Edge.