← back to tools

Brand Colour Extractor

Upload a logo β€” extract brand colours, generate full tint & shade palettes, preview on a brand board, export as CSS, Tailwind, or Figma tokens.

Processed in your browser β€” image never leaves your device
🎨

Drop your logo here

PNG, SVG, JPG or WebP Β· or browse to upload

β€”
β€”
Tints & Shades per colour
Steps in each palette strip
9
Extracting colours with k-means…

Click any swatch to copy hex. Click again to pin/unpin from palette.

Hover any cell to see value, click to copy hex.

How it works

K-means colour clustering

Samples pixels from your logo and groups similar colours together using k-means clustering β€” the same technique used in design tools to find dominant brand colours.

Tints & shades formula

Each extracted colour is mixed toward white (tints) and toward black (shades) in equal steps, giving you a complete 50–900 style scale for every brand hue.

Skip neutrals option

Whites, blacks, and near-greys dominate most logos. Toggle Skip near-white/black on to surface the actual brand accent colours instead of background fills.

100% private, zero upload

Everything runs in your browser via the Canvas API. Your logo never touches a server. Works offline once the page loads.