Any public URL
Just enter a website URL — no login or extension needed. Works with any publicly accessible site.
Creator Tools
Brand Color Extractor
Enter any website URL and instantly extract its brand colors. The tool scans theme-color meta tags, CSS variables, and inline styles — perfect for competitive research, branding inspiration, or reverse-engineering a design system.
Deep color extraction
Scans theme-color meta tags, OG image data, CSS variables, and inline style attributes to find the brand palette.
Copy and use instantly
Copy individual HEX codes or all colors at once. Use them in your designs, pitch decks, or competitor research.
Try:
How it works
Enter any public website URL. The tool extracts colors from theme-color meta tags, CSS variables, and inline styles — capturing the site's core brand palette.
How to extract brand colors
Step 1
Enter a website URL
Type or paste any public website URL (e.g. stripe.com). The tool adds https:// automatically.
Step 2
Click Extract
The tool fetches the page server-side (avoiding CORS) and parses all color data from meta tags and CSS.
Step 3
Copy the brand colors
Click any swatch to copy its HEX code, or use 'Copy All HEX' to grab the full palette at once.
FAQ
What sources does the tool scan for colors?
It checks the <meta name='theme-color'> tag, og:image:color OpenGraph data, CSS color values inside <style> blocks, and inline style attributes on HTML elements.
Why didn't any colors appear for a site?
Some websites block server-side fetches, have CORS restrictions, or only load colors via JavaScript (not present in the raw HTML). Try popular sites like GitHub, Stripe, or Notion for best results.
Is this tool free?
Yes, completely free with no sign-up required.
Can I use the extracted colors commercially?
The colors themselves (HEX values) are not copyrightable. However, be mindful of brand guidelines when using another brand's specific color palette in commercial work.