Palette Forge

Extract a brand palette. Generate the tokens.

Drop in a logo or a screenshot, or paste a website link. Palette Forge finds the main colours, works out which one is your brand colour and which is your text colour, checks that they can be read together, and writes the CSS for you.

New to this? There is a plain-English guide with no jargon in it. Two minutes.

Images never leave your browser. Website links are fetched by the server, which only reads the page’s public HTML and CSS.

Drop an image, paste from clipboard, or click to browse
PNG · JPG · WEBP · SVG, processed entirely in your browser

How many distinct colours to look for. Logos want 2 to 4, photos 6 to 10.

Screenshots are mostly white. This stops the chrome winning every slot so brand colours can surface.

Re-runs clustering from a different starting point. Useful when one colour gets split in two and another is missed.

▸Advanced

How the algorithm measures distance between colours. Both are perceptual; OKLab is the newer and better-behaved one, especially in the blues. On flat artwork the two give identical results. The difference only shows on photographs, and rarely matters. Leave it alone unless you’re matching another tool’s output.