How to Find the Colors in a Logo

The most reliable way to find a logo's colors is to get them from the brand owner's official guidelines, which usually list exact values for screen and print. If no guidelines are available, the next best source is the logo's vector file, where each shape stores its color as a precise value you can read. Sampling pixels from a JPEG, PNG or screenshot is the last resort. It gives approximations, not confirmed brand colors.

A few terms define the scope of this guide. A vector logo is built from mathematical paths, meaning outlines defined by points and curves, instead of a grid of pixels. Each path can have a fill, which is the color inside the shape, and a stroke, which is the color of its outline. Because those colors are stored as exact values, a vector file can tell you what the designer specified. A raster image only tells you what the pixels ended up looking like after resizing, compression and display.

Understand the Color Formats You May Find

Logo colors are often documented in more than one format, because screens and printing presses reproduce color differently. Knowing which format you need tells you which value to look for.

Format | What it describes | Typical use

HEX | A six-character code for an RGB color, written with a leading # | Websites, apps, digital design tools

RGB | Red, green and blue light values | Screens, video, digital graphics

CMYK | Cyan, magenta, yellow and black ink percentages | Process (four-color) printing

Spot color | A named, premixed ink from a color-matching system such as Pantone | Print jobs where exact, consistent color matters

These formats do not translate perfectly into one another. Some RGB colors cannot be reproduced in CMYK, and a spot ink may have no exact process equivalent. When a brand publishes values for each format, use the published value for each medium instead of converting one yourself.

Locate the Authoritative Color Values

Start with the organization that owns the logo. Official color values are commonly published in these places:

A brand guidelines or style guide document, often a PDF, which lists approved colors and their roles
A press, media or brand asset page that provides downloadable logo files and color specifications
The company's marketing or communications team, if you are working on its behalf
The original designer or agency, if you are handling a client's own logo

When you find a source, confirm it matches the logo version you need. Brands revise logos over time, and many have several approved versions, such as full color, single color, reversed for dark backgrounds, and black or white only. Check that the document is current and that the colors listed belong to the variant you are reproducing. Having the color values or a downloadable file does not by itself grant permission to use the logo. Usage rights depend on the brand owner's terms.

Check Whether Your File Actually Contains Vector Paths

Reading exact colors from a file only works if the logo is drawn as vector shapes. A file extension such as SVG, AI, EPS or PDF does not prove this, because any of these formats can contain an embedded raster image. Use these checks:

Zoom in far: vector edges stay crisp, while raster edges become blocky or blurry
Switch to an outline or wireframe view in a vector editor: vector shapes appear as path outlines, while an embedded image shows as a single box
Select parts of the logo: vector shapes can be picked individually and report their own fill and stroke
For SVG files, open the file in a text editor and look for path, rect, circle or polygon elements; an image element that references or embeds a bitmap indicates raster content

Find the Colors in a Vector File

Before you begin, have the best available version of the logo, ideally an official vector file, and a vector editor or text editor that can open it. Menu names and panel locations differ between applications and versions, so the steps below describe what to look for rather than specific commands.

1. Open the file and note the document color mode (RGB or CMYK), because it affects how the stored values are reported.
2. Open the swatches or color palette panel; designers often save the brand colors there, sometimes including named spot colors.
3. Select each distinct shape and read its fill and stroke values from the color or appearance panel.
4. Check for gradients, which contain several colors at defined stops, and record each stop.
5. Look for transparency, opacity settings or blend modes; a shape at reduced opacity will look different from its stored value.
6. Release clipping masks or check grouped objects so hidden or nested shapes are not missed.
7. Write down every unique color, merging values only if you have confirmed they are meant to be the same.

In an SVG, colors are readable as text. They may appear as attributes on each shape, inside a style attribute, in a style block that uses CSS classes, or as stop-color values within gradient definitions. Search the file for fill, stroke and stop-color. The snippet below shows the patterns to look for, using placeholder values:

<style>
  .brand-primary { fill: #RRGGBB; }
</style>
<path class="brand-primary" d="..." />
<path fill="#RRGGBB" stroke="#RRGGBB" d="..." />
<linearGradient id="g1">
  <stop offset="0" stop-color="#RRGGBB" />
  <stop offset="1" stop-color="#RRGGBB" />
</linearGradient>

Estimate Colors From a Raster Image

If you only have a JPEG, PNG or screenshot, an eyedropper tool in an image editor or design app can sample pixel colors. Treat the results as estimates and improve their accuracy this way:

Use the largest, least compressed image available; JPEG compression shifts colors and adds artifacts
Sample from the middle of flat color areas, not edges, where anti-aliasing blends the logo color with the background
Sample several points within each area and compare the results
Be aware that screenshots can be altered by display color profiles and that images may have been color-corrected or saved in a different color space
Do not derive print values from screen samples unless you accept that the result is an approximation

Record the Palette

Document each color with its role and where the value came from, so anyone using the palette knows how much to trust it. A simple record can look like this:

Leave a cell empty rather than filling it with a converted guess, unless you label it as a conversion.

Confirm the Result

Your palette is ready when it passes these checks:

The number of colors matches what you can see in the logo, including gradient stops and any secondary marks
Swatches placed beside the original artwork match visually on the same screen
Recolored or rebuilt artwork using only your recorded values looks identical to the source file
Values match the brand's published specifications, or the brand owner has confirmed them
For print, a physical proof matches expectations, since screen previews cannot fully predict ink on paper

What This Guide Cannot Confirm

No color values, guideline documents or download locations for any specific brand were available for this guide, so it does not name any. Exact menu commands also vary by application and version and should be checked against your software's documentation. For any particular logo, the brand owner's current guidelines remain the only authoritative source for its colors.