Create a combined color palette from your images
Extract a HEX palette from up to 2 images of your brand, product, or app. Add references together or one at a time to find recurring colors across them. The tool samples image pixels rather than identifying objects or interpreting their meaning.
Upload images and generate one palette
Use the file input to add PNG, JPEG, GIF, or WebP images from your device. Add another image through the same input while a preview slot is empty. Each preview shows a shortened filename; its menu lets you view, copy, or remove that image. Remove an image to make room for a new reference.
The palette updates when you add or remove an image. Each image contributes an equal sample area, so a larger source image does not outweigh a smaller one. The initial result starts near the middle of the available palette sizes, with a maximum of 6 colors. Copy individual HEX values or export the current palette as CSS, Sass, JavaScript, SVG, or PNG.
How dominant colors are identified
The extractor prioritizes distinct spot colors by keeping white, black, gray, and near-neutral areas out of the initial color grouping and reducing the contribution of muted colors. When distinct colors leave spare slots, larger palettes can include one dark, one light, and one gray representative found in the images before adding finer color variations. Very small color areas and duplicate HEX values are filtered out. Images containing only neutral shades can still produce a neutral palette.
Use the Accuracy plus control to move to a larger available palette and minus to move to a smaller one. Larger palettes can reveal additional distinct colors, neutral shades, or finer color variations. The initial palette is selected near the middle of the available sizes, so the controls offer room to explore in both directions when the images support it. The available color counts depend on the source images.
Understanding the extracted palette
A combined palette highlights distinct color families across your image references rather than simply listing the largest pixel areas. Large neutral backgrounds have less influence, and spot colors appear before any neutral additions. Equal sample areas help balance different source sizes, but small brand accents or important details may still be missed. Review the results against your design goals before choosing colors for an interface.
Practical uses for image palettes
Use existing visual references to explore a shared palette for design and development.
- Compare recurring color families across product photos or campaign imagery.
- Combine illustrations or mood-board references into one palette for exploration.
- Collect HEX starting points from brand assets, app screenshots, or product images.
- Take a chosen HEX color into the separate UI Theme or Color Style Guide tool to develop scales and semantic roles.