Website Color Palette & Design Tokens Extractor avatar

Website Color Palette & Design Tokens Extractor

Pricing

from $20.00 / 1,000 design tokens extracteds

Go to Apify Store
Website Color Palette & Design Tokens Extractor

Website Color Palette & Design Tokens Extractor

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.

Pricing

from $20.00 / 1,000 design tokens extracteds

Rating

0.0

(0)

Developer

MiroMiro

MiroMiro

Maintained by Community

Actor stats

0

Bookmarked

2

Total users

1

Monthly active users

18 hours ago

Last modified

Share

Get a website's complete design system from its URL: every color, font family, font size, spacing value, border radius and shadow it uses, with how often each one is used, so the real palette stands out from one-off values.

Export it the way you need it: JSON, CSS variables, a Tailwind theme, or a W3C Design Tokens (DTCG) file for Figma Tokens Studio and Style Dictionary.

Use cases

  • Design systems: audit a site's colors and type scale, or start yours from one you like
  • Developers: drop a site's tokens into tailwind.config or :root CSS variables
  • AI builders: give your model the exact palette and fonts of a reference site
  • Agencies: document a client's current styles before a redesign

Input example

{ "urls": ["https://linear.app"], "tokenFormat": "tailwind" }

Pricing

$0.02 per website. Failed URLs are free.

Want just the logo and brand colors? Use Website Brand Kit Extractor.

Need more volume, or an API?

The same engine is available as the MiroMiro API (free plan, then monthly plans with white label for products you sell) and as an MCP server for ChatGPT, Claude and Cursor.

Questions, or a page that comes out wrong: miromiro.app@gmail.com. We usually answer the same day.