Pin Color Palette Extractor

Pull the main colors out of any pin or photo, copy the hex codes, and design with them right away.

Printed on the palette image.

Colors, most used first

Tap a color to copy its hex code.

    Use in the pin maker

    Sample image. Add your own pin or photo.

    How to use the Pin Color Palette Extractor

    1. 1

      Add an image

      Drop in a pin you like, a product photo or a brand photo, or paste a screenshot. The sample image shows how the result looks before you add one.

    2. 2

      Pick how many colors

      Choose 5 colors for a tight brand palette or up to 8 to capture smaller details. Tap any color to copy its hex code, or copy them all at once.

    3. 3

      Use the palette

      Check the suggested background, title and accent colors, change them if you like, then click Use in pin maker. You can also download the palette image as a PNG.

    When a pin catches your eye, its colors are often doing most of the work. This tool finds the 5 to 8 colors that cover most of an image and lists them from most used to least, with hex codes you can copy into any design app. It also suggests which color to use as a background, which as the title and which as an accent, and checks that the title will be readable.

    The palette is calculated in your browser from a small copy of your image, so it is fast and nothing is uploaded. You can download the palette as a pin-sized image for your mood board, or open the colors straight in the pin maker.

    How the colors are found

    The image is scaled down to about 120 pixels on its long side, then every pixel is grouped with the colors closest to it using k-means clustering. Each group becomes one swatch, and the list is sorted by how much of the image it covers. Transparent pixels are ignored, so logos and cut-outs work too.

    Because the colors are averages of similar pixels, a small but striking detail may merge into a nearby color. If an accent you care about is missing, raise the number of colors. To copy the whole look of a pin, including its layout, try the pin style copier.

    Building a pin palette that stays readable

    A good pin palette has one calm background color, one title color with strong contrast against it, and one accent for a highlighted word or a button. The contrast note under the color pickers uses the same contrast ratio as web accessibility guidelines; 4.5:1 or more reads comfortably at feed size.

    Keep your palette consistent across pins so people recognize your work in the feed. The pin maker can save it as a brand kit, and the mood board maker is handy for collecting inspiration.

    Pin Color Palette Extractor FAQ

    How do I get the hex codes of colors in a pin?

    Save or screenshot the pin, add it here, and the main colors appear as hex codes. Tap one to copy it, or use Copy all to get the whole list.

    Why are some colors slightly different from what I see?

    Each swatch is the average of a group of similar pixels, and photos contain gradients, shadows and compression noise. The result is the color that best represents that area rather than one exact pixel.

    Can I use the palette in the pin maker?

    Yes. Click Use in pin maker and the editor opens with your chosen background, title and accent colors already set.

    How many colors should a pin palette have?

    Most clean pins use two or three main colors plus white or a near black. Extract 5 or 6 colors, then pick the three that matter most.

    Is my image uploaded?

    No. The colors are calculated in your browser and the image never leaves your device.

    More free tools

    See all 107 tools

    Browse all free Pinterest tools, including more checkers & analyzers. Need a full pin design? Use the free pin maker.