Steal Your Brand Colors From Any Logo

Every brand deck eventually asks for HEX codes. And every time, someone eyedrops from a logo screenshot that went through WhatsApp compression twice. The blue you get isn't the blue in the actual mark — it's JPEG artifact blue, and now it's in your CSS.

Color Picker samples pixels from the image you load and builds a palette you can copy straight into Figma, slide masters, or your design system docs.

Sample from the right source

A clean PNG export from your vector file? Low risk. A JPG someone forwarded in a group chat? High risk — compression shifts colours at the pixel level. Manual colour wheel guesses drift from the official mark over time.

Load the highest-quality logo PNG you have. Click the primary brand colour, copy HEX, then sample secondary and neutral tones from the same file so everything stays consistent. Document all values somewhere your team actually looks — a Notion page, a Figma library, a one-pager style guide.

What to do with the codes

Match slide accents to the mark. Debug why your website blue looks different from the logo (spoiler: usually wrong source file or sRGB vs display P3 mismatch). Pull secondary colours from complex emblems where the brand book only documents the primary.

Use sampled colours in Watermark text for branded exports. Before you commit light-on-light combos, sanity-check contrast for accessibility — WCAG isn't optional if text needs to be readable.

Logos stay on-device, which matters for stealth rebrands or client work under NDA.

For pulling palettes from general photos rather than logos, see extract hex colors — same tool, different use case.

FAQ

PNG or SVG for sampling?

Raster PNG from a clean export works reliably. SVG may need exporting to PNG first in this workflow.

My logo has three different blues — which one?

Sample the largest area of each distinct blue and note usage: primary, accent, background.

Are HEX codes fine for print?

HEX is screen-native. Convert to CMYK with a proper print profile for anything going to paper.

Is this the same as extracting colours from a photo?

Same Color Picker tool. This guide focuses on logos and brand systems specifically.