Welcome to ChromaPick!
You're ready to extract colors, gradients, and typography from any website. Complete this 60-second setup to get the most out of your workflow.
Pin ChromaPick to your Chrome toolbar
Keep ChromaPick 1 click away. Click the puzzle icon 🧩 in Chrome top-right, find ChromaPick, and click the pin icon 📌.
Click Extension Icon
Test drive ChromaPick right here
Click the ChromaPick extension icon in your toolbar right now while viewing this page. Watch it detect the colors, gradient, and typography on this exact card:
Live Element with Custom Gradients & Tokens
Font: Inter · Size: 14px · Weight: 600
Claim your Free Figma Token Starter Kit
Free Bonus IncludedExport directly into Figma design variables or copy our pre-structured design token JSON file ready for Figma Tokens plugin and Tailwind CSS.
Unlock Lifetime Pro for just $10 (One-Time)
$10
Free includes 1-click single-page color extraction. Upgrade to Lifetime Pro to get unlimited palette history, 1-click batch Figma variable token sync, custom CSS export presets, and priority support.