Website Color Palette Extractor: Design Tokens, CSS & Tailwind

---

Website Color Palette Extractor at a glance

• Input: A list of company domains.
• Output: one row per domain with 19 fields, including mode, background, accent, headingFont.
• Price: $40 per 1,000 domains, charged only for results.
• You need: nothing else. No cookies, no logins, no proxies and no API keys.
• Export: JSON, CSV, Excel or XML, or straight into your own tools with the Apify API and MCP.

What is Website Color Palette Extractor?

Extracts the design system a website actually paints and hands it back as design tokens you can use. Colors come by role (background, surface, text, accent) with contrast ratios, alongside the type scale, webfont files, corner radius, shadows, spacing and button styling. Every result also carries the same design as a ready CSS stylesheet with font-face rules and as a Tailwind CSS v4 theme, so a coding agent or a developer can restyle an app to match a site in one step. Values are read from computed styles in a real browser, so a color defined through layers of CSS variables comes back as the hex it resolved to. Built for cloning a site's look, brand kits and style guides, design audits and competitor teardowns.

• Colors by role. Background, surface, text and accent, with contrast ratios and a WCAG AA verdict, so they drop into a theme without guesswork.
• The type scale. Family, size, weight, line height and letter spacing for h1 through body and links.
• Webfont sources. Where the site serves each typeface from, so you can render in it rather than just name it.
• Shape and depth. Corner radius for cards and buttons, the shadow scale and the spacing scale.
• Button styling. Background, text color, radius, padding, border and size.
• Paste-ready CSS and Tailwind. The whole design as a stylesheet of CSS variables with its font-face rules, and as a Tailwind CSS v4 theme, so a coding agent can restyle an app in one step.

What data can I extract with Website Color Palette Extractor?

Every result is one row per domain, with these fields:

Field	What it holds
domain	The domain you asked for
mode	Whether the site is light or dark
background	Page background color
surface	Card and panel color
text	Main text color
accent	Accent or brand color
colors	Every color with its role
headingFont	Typeface used for headings
bodyFont	Typeface used for body text
typography	The type scale: sizes, weights and line heights
webfonts	Web font files the site loads
radius	Corner radius used across the design
shadows	Shadow styles
spacing	Spacing scale
button	Primary button styling
contrast	Contrast ratios between text and background
css	The design as a ready stylesheet: font-face rules and CSS variables
tailwind	The design as a Tailwind CSS v4 theme
resolvedAt	When the record was last resolved

The table view in Apify shows Domain, Mode, Background, Accent, Heading font. The full record is in the JSON, CSV, Excel and XML exports, and over the API.

How to use Website Color Palette Extractor

1. Open Website Color Palette Extractor in the Apify Console. A free Apify account is enough to try it.
2. Paste your domains, one per line, or upload a list.
3. Click Start. Each domain is processed on its own, so one bad entry never loses the batch.
4. Download the results as JSON, CSV or Excel, or send them to your own tools with an integration.

Input

One field: domains. Use bare domains like stripe.com, not https://stripe.com/pricing.

Every line is checked before the run starts. Each must be a domain like stripe.com, not a company name; a run with any other line is refused with that line named, so a typo never costs you anything.

{
  "domains": [
    "stripe.com"
  ]
}

Output

A domain we cannot resolve is skipped rather than returned empty, and you are not charged for it. The run log names every one that was skipped, so a short result is never a mystery.

{
  "domain": "stripe.com",
  "mode": "light",
  "background": "#ffffff",
  "surface": "#f8fafd",
  "text": "#000000",
  "accent": "#533afd",
  "headingFont": "sohne-var",
  "bodyFont": "sohne-var",
  "radius": {
    "card": "6px",
    "button": "4px",
    "default": "6px"
  },
  "button": {
    "background": "#533afd",
    "color": "#ffffff",
    "radius": "4px",
    "fontSize": 16,
    "minHeight": 48
  },
  "contrast": {
    "textOnBackground": 21,
    "accentOnBackground": 6.19,
    "meetsAA": true
  },
  "resolvedAt": "2026-08-22T10:14:03.000Z"
}

How much does Website Color Palette Extractor cost?

Website Color Palette Extractor costs $40 per 1,000 domains returned, which is $0.04 each, with no separate compute charge. 10,000 domains cost $400.

• You pay only for results. A domain that cannot be resolved is skipped and free.
• Try it on the free plan. On Apify's free plan you get 50 domains from this Actor in total, not per month, to try it out. After that a run stops and asks you to move to a paid Apify plan. Paid plans have no limit. On a paid plan, $5 covers about 125 domains.
• Volume discounts. Scale plans pay 5% less per result and Business plans 10% less.
• Cap any run. Set a maximum cost per run in the run options and the Actor stops cleanly when it is reached.

Common use cases

• Design audits. Capture what a site actually paints, not what its design file claims.
• Competitor teardowns. Compare palettes, type scales and spacing across a set of sites in one run.
• Theme generation. Seed a design token set from a real brand.
• Accessibility checks. Find text and accent colors that fail contrast against their own background.

Integrate Website Color Palette Extractor with other apps

Website Color Palette Extractor works with the integrations on the Apify platform, including Make, Zapier, n8n, Google Sheets, Slack, Airbyte, Airtable and Notion through Make or Zapier. Results can also go anywhere with a webhook when a run finishes.

To keep a list current, save your input as a task and put it on a schedule.

Website Color Palette Extractor API

Run Website Color Palette Extractor from your own code with the Apify API clients.

JavaScript

import { ApifyClient } from 'apify-client';

const client = new ApifyClient({ token: 'YOUR_APIFY_TOKEN' });
const run = await client.actor('hydrafetch/website-color-palette-extractor').call({ domains: ["stripe.com"] });
const { items } = await client.dataset(run.defaultDatasetId).listItems();
console.log(items);

Python

from apify_client import ApifyClient

client = ApifyClient("YOUR_APIFY_TOKEN")
run = client.actor("hydrafetch/website-color-palette-extractor").call(run_input={"domains": ["stripe.com"]})
for item in client.dataset(run["defaultDatasetId"]).iterate_items():
    print(item)

AI agents can call it too. Connect Claude, Cursor or any MCP client to the Apify MCP server and add hydrafetch/website-color-palette-extractor as a tool.

FAQ

How is this different from reading the CSS?

It reads computed styles from a real browser, so a color defined through four layers of CSS variables comes back as the hex it resolved to, and anything applied by JavaScript is included.

Why are colors labelled by role?

A ranked list of six colors leaves you guessing which one is safe behind text. Roles drop straight into a theme.

Does it work on single-page apps?

Yes. It reads the design as a visitor sees it, including sites built with React, Vue and other JavaScript frameworks.

Why does this cost more than the other Actors?

It captures the complete design of every site: colors by role, type scale, spacing, shadows and components. That is more work per site than a single lookup.

How long does a run take?

A site it has read recently comes back in seconds. A new one can take up to a minute, because the page is rendered in a real browser. Sites are worked through a few at a time, so a run of 50 new sites can take several minutes. Put all your sites in one run rather than starting many runs at once, and give runs of more than a handful of sites a timeout of at least 15 minutes. If a run does time out, the sites it finished are already in its dataset, so check there before running them again.

Is there a free trial?

Yes. On Apify's free plan you get 50 domains from this Actor in total to try it, charged to your free Apify credit. After that, runs stop and ask you to move to a paid Apify plan, which has no limit.

Do I need cookies, a login or proxies?

No. Website Color Palette Extractor works without cookies, accounts, proxies or API keys. Paste your domains and run it; everything else is handled for you.

Is it legal to use Website Color Palette Extractor?

Website Color Palette Extractor collects only publicly available the colors, fonts and styling websites present. As with any data collection, you are responsible for how you use the results: follow the terms of the websites you work with and data protection laws such as GDPR wherever personal data is involved. If you are unsure about your use case, check with a lawyer.

Does Website Color Palette Extractor have an API?

Yes. Every run is available through the Apify API, with the JavaScript and Python examples above, and through the Apify MCP server for AI agents.

Other Actors by Hydrafetch

• Company Enrichment API: give it domains and get a full company record for each: name, legal name, tagline, description, logo, brand colors, fonts, industry with NAICS code, email and social profiles. Input: domains like stripe.com. One row per company; domains that return nothing are not charged.
• Bulk Company Logo Finder: give it domains and get a direct image URL for each company's logo, with its format, width, height, dominant color and whether it is an icon or a wordmark. Input: domains like stripe.com. One row per company; domains with no logo found are not charged.
• AI SEO & GEO Audit: give it page URLs and find out whether LLMs and AI agents can read them: a score out of 100, every check passed, warned or failed, the specific fixes, and a sample of the markdown an agent would see. Input: full URLs. One row per URL; pages we cannot read are not charged.
• Website to Markdown: give it URLs and get each page as clean markdown for LLMs, RAG and AI agents, with navigation, cookie banners and ads removed and JavaScript pages rendered. Input: full URLs. Each row has the markdown, title, language and word count; pages that return nothing are not charged.
• Article Extractor: give it article or blog post URLs and get the full text with its title, author, publish date, site name, language, lead image and word count. Input: full URLs. One row per article; pages with no article to extract are not charged.
• Company Social Links Finder: give it company domains or names and get the social profiles each company links from its own website: LinkedIn, X, Facebook, Instagram, YouTube, TikTok, GitHub and Crunchbase, with handles. Input: domains like stripe.com or names like "Acme Corp, Germany". Companies with none are not charged.
• LinkedIn Company Scraper: give it LinkedIn company page URLs or company domains and get the public profile: industry, company size, employees on LinkedIn, followers, headquarters address, founded year, specialties and logo. No login needed. One row per company; companies we cannot find are not charged.
• Tech Stack Detector: give it domains and get the technology each site runs: CMS, ecommerce platform, analytics, tag managers, JavaScript frameworks, hosting, web server, payments, marketing automation and live chat. Input: domains like stripe.com. One row per site; sites we cannot read are not charged.
• PDF to Markdown: give it links to PDF files and get each document as clean markdown with headings and tables intact, plus its title and word count, ready for LLMs, RAG and search. Input: full URLs to PDFs. One row per PDF; files we cannot read are not charged.
• Website Crawler to Markdown: give it a start URL and get the site or docs section crawled into clean markdown, one row per page with its title, language, page type, depth and word count. Input: full URLs, plus how many pages to read per site. Charged per page returned; pages that return nothing are free.
• Company Jobs Scraper: give it company domains and get every open job from the hiring platform each company uses: title, team, location, remote status, employment type, pay when listed, posting date, apply link and full description. Input: domains like stripe.com. Companies with no open roles found are not charged.
• YouTube Transcript Scraper: give it YouTube links or video ids and get each video's full transcript, as plain text and as timestamped segments, with the title, channel and word count. Input: youtube.com or youtu.be links, or 11 character ids. One row per video; videos without a transcript are not charged.
• Google Ads Library Scraper: give it company domains and get the Google ads each company runs, from the public Ads Transparency Center: advertiser, format, image, preview link and first and last shown dates. Input: domains like stripe.com, plus how many ads per domain. One row per ad; domains with no ads are not charged.
• LinkedIn Ad Library Scraper: give it company names, domains or LinkedIn pages and get the ads each runs on LinkedIn: full copy, headline, call to action, image or video, run dates, impressions by country and targeting. One row per ad; companies with no ads, or none we can match, are not charged.
• Facebook Ads Library Scraper: give it brand names, domains, Facebook pages or Ad Library links and get the ads each runs on Facebook and Instagram: copy, images, videos, carousel cards, platforms, start and end dates and active status. One row per ad; brands with no ads, or none we can match, are not charged.
• Website Contact Details Scraper: give it company domains or names and get the emails, phone numbers, social profiles and postal address each company publishes on its own website. Input: domains like stripe.com, or names like "Acme Corp, Germany". One row per company; companies with no contact details are not charged.
• App Store and Google Play Scraper: give it App Store or Google Play links, Apple app ids or package names and get app details plus its newest reviews: rating, rating count, installs, version, then each review's text, stars, date and developer reply. One row per review; apps not found or with no reviews are not charged.
• Trustpilot Reviews Scraper: give it company domains and get each company's Trustpilot TrustScore, star breakdown and total reviews, plus its newest reviews with rating, text, dates and the company's reply, without reviewer names. Input: domains like stripe.com. One row per review; companies not on Trustpilot are not charged.
• Shopify Store Products Scraper: give it Shopify store domains and get every product: title, price range, currency, variants with SKUs and stock, options, images, vendor, type, tags and description, including stores that hide their product feed. One row per product; stores with no readable products are not charged.
• LinkedIn Jobs Scraper: search LinkedIn jobs with terms like "data engineer" or a jobs search link, filtered by location, date posted, workplace, job type and experience, and get each posting with company, pay, applicants, seniority and full description. No login needed. Searches with no jobs are not charged.
• Google Maps Scraper with Emails: search Google Maps with a phrase like "dentists in Berlin" or a Maps link and get every place: name, address, phone, website, rating, reviews and coordinates, up to 120 per search. Turn on contacts to add emails and socials from each place's own website, charged only when found.
• Amazon Product Scraper: search Amazon.com with terms like "wireless earbuds", or give it product links or ASINs, and get each product's US price, rating, review count, sales in the past month and seller, with the full product page on request. One row per product; searches with no products are not charged.
• News Scraper with Full Article Text: search the news for any topic, like "stripe funding", and get recent articles with their full text as clean markdown, the real publisher link, source, author and publish date. Input: search queries, plus how many articles and how far back. Queries with no readable articles are not charged.
• Company Ads Across Google, LinkedIn and Meta: give it company domains and get the ads each company runs on Google, LinkedIn and Facebook and Instagram in one dataset with the same columns: platform, headline, copy, call to action, image or video, link and dates. One row per ad; domains with no ads anywhere are not charged.
• Company Website Finder: give it company names, optionally with the country after a comma, and get each company's official website and domain, checked against the company's own homepage so directories never slip through, with a confidence level. One row per company; names we cannot confirm are not charged.
• Google Trends Scraper: give it search terms and get Google Trends data: interest over time with a 0 to 100 value per point, interest by country or region, and top and rising related queries. Input: one search per line, up to 5 comma-separated terms to compare. Searches with no data are not charged.
• Reddit Scraper: give it a subreddit like r/startups, a user, a post link or words to search Reddit, and get posts with title, author, subreddit, score, comment count, date, flair, link and full text. Input: one per line, with sort, time window and up to 500 posts each. Inputs with no posts are not charged.
• Booking.com Reviews Scraper: give it Booking.com hotel links and get the newest guest reviews: score, date, title, what guests liked and disliked, language, country, room type, nights and check-in date, with the hotel name and overall score on every row. One row per review; hotels with no reviews are not charged.
• Website Screenshot API: give it URLs and get a screenshot of each page as a hosted PNG link, of the first screen or the full page, rendered in a real browser, with its width and height. Input: full URLs. One row per screenshot; pages that fail to load are not charged.

Terms of use

Your results are yours. We claim no rights in the inputs you submit or the data you get back. Full terms: hydrafetch.com/terms

Your feedback

Something not working, or a field you need? Open an issue on the Issues tab with the input you used, and we read every one.

---