Google Logo and Brand Color Codes
What Google's logo colors are, why reliable hex codes should come from official brand assets, and how vector artwork, raster previews and trademark rules affect their use.
Contents
The short answer
Google's logo and core brand identity are built around four hues: a blue, a red, a yellow and a green, set against white or used on their own as separate color areas. The multicolor "G" icon combines all four. The full wordmark applies them letter by letter. If you need exact codes such as hex, RGB, CMYK or a spot-color reference, the evidence for this article does not include confirmed values. This page therefore does not list specific codes. It explains where dependable values come from and how to check them before you use them.
Which asset this covers
Searches for Google colors usually mean one of two things: the four-color palette in the current Google wordmark and "G" icon, or the wider brand color system used across Google's products and interfaces. These can differ. A product interface palette may include tints, shades and neutrals that never appear in the logo. Before you copy any value, confirm whether it was defined for the logo artwork itself or for a broader design system.
What is missing from the evidence
- No confirmed hex, RGB, CMYK or Pantone values for the Google logo were supplied.
- No official brand-guideline document or version date was supplied to verify any published palette.
- No information was supplied on whether print and screen values are defined separately.
- No licensing or usage terms were supplied beyond the general trademark principles described below.
Hex codes for the Google logo appear on many third-party sites, and they don't always agree. Without an official source in hand, treat any published code as a claim to verify, not a confirmed specification.
Getting reliable color codes from vector artwork
The most dependable way to read a logo's colors is from official vector artwork, where each shape carries a defined fill value. Open the file in a vector editor and inspect the fill of each path. If the artwork is genuinely vector, the values you read are the ones the designer set, with no compression or rendering in between.
A file extension alone does not prove this. SVG, EPS, PDF and AI files can all contain an embedded raster image instead of editable paths. Check that the logo is made of selectable shapes with their own fills. If it is a single placed image inside a vector container, any color you sample is a pixel reading, not a defined value.
Why sampling a screenshot is unreliable
Using an eyedropper on a PNG, JPEG or browser screenshot gives you a raster preview's rendering of the color, not the source specification. Compression, anti-aliasing at edges, color-profile conversion and display settings can each shift the result. Sampling the same logo from two images can produce slightly different codes, which is one reason unofficial lists disagree. If a raster source is all you have, sample from the center of a large flat area and label the result as approximate.
Screen and print values are not interchangeable
Hex and RGB describe color for screens. CMYK and spot-color systems describe color for print. Converting one to another is not exact, and saturated hues like those in the Google palette often fall partly outside what standard CMYK printing can reproduce. If official guidelines provide separate print values, use those. Don't convert a screen hex code yourself. If no print values are available, that gap should be resolved before production, not guessed at.
Downloading the logo is not the same as permission to use it
The Google name, wordmark and "G" icon are trademarks. Being able to download a logo file, or knowing its color codes, does not grant the right to use, alter or recolor the artwork. It also does not grant rights to any typeface involved. Trademark owners usually restrict how their marks can appear and often prohibit changing colors, proportions or letterforms. Using the same palette in your own unrelated design is a separate question. Even so, a design that combines that palette with a similar layout can create confusion about affiliation. For any use of the actual logo, check the owner's current brand or trademark guidelines first.
Practical checklist
- Decide whether you need the logo colors or the wider product palette.
- Get the artwork from an official brand source rather than a third-party download site.
- Confirm the file has editable vector paths, not an embedded image.
- Read fill values directly from the paths instead of sampling a raster preview.
- Use separately defined print values for print work instead of converting screen codes.
- Review trademark and usage terms before placing, modifying or recoloring the logo.