TokenTint help center

Frequently Asked Questions

Everything you need to know about TokenTint, the Chrome color picker and design token workflow tool.

General

What is TokenTint?

TokenTint is a Chrome extension that helps designers and developers capture colors from websites, organize palettes, and turn visual inspiration into reusable color tokens.

Who is TokenTint for?

TokenTint is built for frontend developers, UI designers, and people working with design token workflows who need a faster way to collect and manage colors.

Chrome Extension

How do I use TokenTint?

Install the Chrome extension, open any webpage, click Pick Color, and capture colors directly from the page.

Can I pick colors from any website?

Yes. TokenTint is designed to capture colors from webpages you are viewing in Chrome.

What color formats are supported?

TokenTint supports common color formats including HEX, RGB, and HSL.

Free and Pro

Is TokenTint free?

Yes. The free version includes picking colors, HEX/RGB/HSL formats, color history, a project palette, and CSS Variables export.

What does TokenTint Pro include?

Pro unlocks advanced workflows such as page color extraction, multiple project palettes, Tailwind export, and W3C Design Token export.

Can I upgrade later?

Yes. You can start with the free version and upgrade when you need advanced export and project features.

Export and Workflow

Can TokenTint export CSS Variables?

Yes. TokenTint can export colors into developer-friendly formats including CSS Variables.

Does TokenTint support Tailwind?

Tailwind export is available as a Pro feature.

What are Design Tokens?

Design Tokens are reusable values that connect design systems and code. TokenTint helps transform discovered colors into reusable token formats.

Privacy

Does TokenTint upload my browsing data?

TokenTint is designed as a browser-based workflow tool. Color picking happens through the extension workflow, and users control the colors they save and export.