Website Color Palette & Design Tokens Extractor
Pricing
from $20.00 / 1,000 design tokens extracteds
Extract every color, font, font size, spacing and border radius a website uses, with usage counts. Export as JSON, CSS variables, a Tailwind theme or a W3C Design Tokens (DTCG) file.
You can access the Website Color Palette & Design Tokens Extractor programmatically from your own applications by using the Apify API. You can also choose the language preference from below. To use the Apify API, you’ll need an Apify account and your API token, found in API & Integrations in Apify Console.
{ "mcpServers": { "apify": { "type": "http", "url": "https://mcp.apify.com/?tools=fetch-actor-details,miromiro/website-design-tokens" } }}The configuration above connects to the hosted Apify MCP server with the Website Color Palette & Design Tokens Extractor Actor already loaded. It uses OAuth, so your client opens a browser window to sign you in to Apify on first use. No API token is needed. Clients without OAuth support can authenticate with an Authorization: Bearer header carrying an API token from API & Integrations in Apify Console.
Get a ready-to-use configuration for your MCP client with the Website Color Palette & Design Tokens Extractor Actor preconfigured at https://mcp.apify.com/?tools=fetch-actor-details,miromiro/website-design-tokens.
You can connect to the Apify MCP Server using clients like Tester MCP Client, or any other MCP client of your choice.
If you want to learn more about our Apify MCP implementation, check out our MCP documentation. To learn more about the Model Context Protocol in general, refer to the official MCP documentation or read our blog post.