Google Brand Colors and Logo Color Codes

Google's current wordmark and its "G" icon use four brand colors: blue, red, yellow and green. The colors are applied as flat fills in the standard flat versions of the logo. Designers usually want hex codes so they can match the colors in their own work, check a logo file, or build a palette for a presentation or interface. The values below are the most widely published ones. Google's own brand guidelines are the final authority, and you should check against them before using these values in production.

The commonly cited Google logo color codes

Color | Hex | RGB (converted from hex)

Blue | #4285F4 | 66, 133, 244

Red | #EA4335 | 234, 67, 53

Yellow | #FBBC05 | 251, 188, 5

Green | #34A853 | 52, 168, 83

The RGB values are direct mathematical conversions of the hex codes, so they are not separate measurements. Published values do not always agree. Yellow in particular shows up as #FBBC05 in some sources and #FBBC04 in others. No official CMYK or Pantone equivalents were available for this article. Print values should come from Google's brand materials or from a print professional, not from an automatic screen-to-print conversion.

Which asset these codes describe

The four flat colors apply to the standard multicolor Google wordmark and the multicolor "G" icon. They do not cover every Google mark. Product icons have their own designs. Monochrome and reversed versions of the logo replace the four colors with a single color. Google has also used gradient treatments of the "G" in some contexts, and four hex codes cannot describe a gradient. Before you match colors, identify the exact version of the asset you need.

Checking the colors in a logo file

The reliable way to confirm colors is to inspect the artwork itself. A file name or extension does not prove that a file contains editable vector paths. A file labeled SVG, EPS or PDF can simply wrap an embedded raster image, and a raster preview may show colors shifted by compression or by a color profile. In a genuine SVG, each shape's color is written as a fill value you can read directly. In a vector editor, select each shape and look at its fill. If you can only select a single image object, the file contains a raster image, not vector artwork. Any color you sample from it with an eyedropper is approximate.

Using the values in a palette

For web or interface work, defining the colors once as variables keeps them consistent and easy to update if you later confirm slightly different official values:

:root {
  --google-blue:   #4285F4;
  --google-red:    #EA4335;
  --google-yellow: #FBBC05;
  --google-green:  #34A853;
}

Explanations of what each color "means" in Google's branding circulate widely, but they are mostly commentary or anecdote, not documented brand rules. They are worth treating as interpretation, not specification.

Permission is a separate question

Being able to download a Google logo does not mean you may modify it, recolor it or use it freely. The logo, its letterforms and its overall look are protected trademarks, and Google sets its own rules for how its brand can appear. Using the four colors in your own unrelated design is a different matter from reproducing or imitating the logo. Combining those colors in a way that suggests a connection to Google can raise trademark concerns. If your project uses the actual mark, follow Google's brand permission guidance and use the official artwork, not a recreated or recolored copy.