I’m trying to match a new design to an existing site, but I don’t know the exact colors they use.

This feature helps you identify and reuse the exact colors from an existing website so your new design matches accurately. It reduces guesswork by turning what you see on the site into usable color values you can apply in your design work.

This feature is designed for situations where you need to match a new design to an existing website but don’t know the site’s exact color palette. It enables you to extract the colors used on the site and view them as precise, reusable values (such as hex or RGB). You can use it to capture primary brand colors, backgrounds, text colors, borders, and accent colors. The feature supports quick sampling so you can confirm whether similar-looking elements actually share the same color or use subtle variants. It helps you build a consistent palette for your project and reduces time spent manually approximating shades. You can compare extracted colors to spot inconsistencies or legacy variations across pages or components. This is useful when updating UI components, creating new pages that need to blend in, or producing marketing assets aligned with the site’s look. By working from exact values instead of visual estimates, you can maintain brand consistency and avoid rework caused by color mismatches. The result is a smoother handoff to development and more predictable results across different screens and environments.