How to use a color palette generator

Upload any photo and the extractor pulls its dominant colors into a usable palette with hex codes. Use it to build brand color schemes, match a website design to a mood board, pick paint colors from an interior photo, or create matching palettes for social media templates and presentations. It works with any image: photos, screenshots, artwork or product shots.

Getting hex codes for design work

Every color comes with its hex code so you can paste it straight into Figma, Canva, Framer or your CSS. Copy a single color by tapping its chip, or copy the full palette as a list. Nothing to install and no account to create.

Building a brand color scheme from a photo

Photographs are one of the best starting points for a brand palette because the colors in them already sit together naturally. Pick an image that feels like the brand, extract the palette, then keep the two or three tones that carry the most character and let the rest work as neutrals and supporting shades.

Choosing between warm, cool and neutral palettes

Warm palettes lean toward red, orange and yellow undertones and tend to read as friendly and grounded. Cool palettes lean blue, green and violet and read as calm or precise. Neutral palettes stay close to grey, beige and stone, and work well as a base you can layer one saturated accent onto.

Create a free website with Framer, the website builder loved by startups, designers and agencies.