Colour palette and font detector
Get the brand colours and fonts of any website, or the colour palette of your logo. For a website we read its HTML and up to two stylesheets; for a logo, the colours are sampled in your browser and never uploaded. Copy them as HEX codes or CSS variables.
How to use the Colour Palette & Font Detector
- 1Choose From a website and enter the address, or From a logo and drop an image.
- 2See the colours, most used first, with HEX codes and which ones are neutrals.
- 3For websites, check the font families and which come from Google Fonts.
- 4Copy the palette as HEX or CSS variables, or save it to a Brand Kit with a free account.
Frequently asked questions
How are the website's colours found?
We count colours used for text, backgrounds, borders and CSS variables in the page's HTML, inline styles and up to two stylesheets. Colours set by JavaScript or inside images aren't included.
Is my logo uploaded to find its colours?
No. The image is drawn on a canvas in your browser and its pixels are grouped there; nothing is sent to our server.
Why are some fonts marked as system or fallback?
Font stacks list backups such as Arial, Helvetica or sans-serif in case the main font doesn't load. We mark those so the real brand fonts stand out at the top.
Related free tools
All tools- Colour palette from imageColour palette generator from an image
- Website font checkerWebsite font checker: what font is this site using?
- Brand Kit GeneratorBrand colours, logo, fonts and a Brand Score from any website.
- Favicon GeneratorMake favicon.ico, PNG icons and a web manifest from an image or text.
- Website Technology CheckerThe CMS, analytics and tools a site is built with.
Then schedule it with Join Postly
Plan, publish and track your posts on every network from one calendar. Free plan, no credit card.