CSS Variable Finder is a Chrome extension designed to streamline the process of identifying and utilizing CSS custom properties on any webpage. This tool scans all stylesheets, including root and imported CSS, to uncover every CSS variable, showcasing their names, values, and color swatches. The extension offers a visual color palette grid that categorizes variables into Colors, Sizes, Fonts, and Other, making it easier for developers to find the right properties they need for their projects.

Key features include real-time search functionality, one-click copying of variable names, and hover tooltips that display variable details. It also tracks the source of each variable, allowing developers to understand where each property is defined. Supporting modern color formats and media queries, CSS Variable Finder operates locally without collecting data, making it a reliable tool for front-end developers and web designers.