Extract the exact color palette from any website
Detect every color on any page - backgrounds, text, borders, gradients - and save them as a reusable palette.
Early supporters get 30% off their first year. No spam, ever.
Every color, ready to reuse
Any format, one click.
- HEX, RGB or HSL
- One color, or the whole palette
Straight into Figma and code.
- Figma color styles
- CSS variables or a Tailwind theme
Color Palette Extractor questions
The extension uses getComputedStyle() on every visible element to read the actual rendered colors - backgroundColor, color, borderColor, boxShadow, and gradient stops. This catches colors that developer tools might miss.
No. The extension extracts colors from CSS and computed styles, not from images. For image-based color extraction, you'd need a separate tool. PocketUI focuses on the design tokens (CSS colors) that you can directly reuse in code.
Yes, on every plan: export saved palettes as CSS custom properties, Tailwind color config, or Figma color styles.
Colors are shown by how they appear in CSS. For example, "white" and "#ffffff" and "rgb(255,255,255)" are normalized to one entry. But similar-looking colors with slightly different values (e.g. #f5f5f5 vs #f4f4f4) are kept separate since they are distinct design decisions.
Stop recreating designs you've already seen
Join now and get 30% off your first year as an early supporter.
A quick confirmation now, then one email on launch day.