Brand colors

Google Brand Colors

Google palette: #4285F4, #DB4437, #F4B400, #0F9D58. Compare HEX/RGB, WCAG contrast and CSS tokens; open independent JSON data.

Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Google.

Technology Brand index API Dataset

Commonly referenced palette Google

#4285F4#DB4437#F4B400#0F9D58

Listed without an implied color hierarchy

Palette

Palette color 1#4285F4RGB 66, 133, 244

Palette color 2#DB4437RGB 219, 68, 55

Palette color 3#F4B400RGB 244, 180, 0

Palette color 4#0F9D58RGB 15, 157, 88

CSS Tokens

:root {
  --brand-google-1: #4285F4;
  --brand-google-2: #DB4437;
  --brand-google-3: #F4B400;
  --brand-google-4: #0F9D58;
}

Accessibility Snapshot

#4285F4Black 5.89:1 / White 3.56:1

#DB4437Black 4.89:1 / White 4.29:1

#F4B400Black 11.38:1 / White 1.85:1

#0F9D58Black 5.98:1 / White 3.51:1

Brand palette context · Editorially reviewed

About Google Brand Colors

Google’s palette is inseparable from the way its brand elements are arranged and reproduced. The company’s Brand Resource Center directs users to approved, unmodified assets and warns against imitating its distinctive color combinations. For sponsor settings, Google recommends the full-color logo on white or very light gray backgrounds and gray or reverse-white treatments on darker backgrounds.

For an independent palette reference, the useful lesson is that the four familiar colors should be considered as a coordinated sequence rather than isolated swatches. Background brightness, clear space, and equal visual prominence all affect whether the combination remains legible and recognizably balanced.

This page is an independent technical reference. It does not reproduce Google logos, imply affiliation, or grant permission to use Google brand elements.

Downloadable brand colors infographic

Google Brand Colors Infographic

Save an independent infographic of the commonly referenced Google HEX palette and its accessibility guidance. No logo or proprietary artwork is included.

1200 × 800

Google brand colors infographic. Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Google.

Download WebP Download SVG Open full size

Luminance0.2446

Black text5.89:1AA Pass

White text3.56:1AA Fail

hexCanonical HEX value

rgbRed, green, blue channels

hslHue, saturation, lightness

cmykApproximate print conversion

wcagAA and AAA contrast options

harmoniesMathematical harmony sets

variantsGenerated tone variants

nearestColorsKnowledge graph neighbors

Structured sections

Brand

{
  "slug": "google",
  "name": "Google",
  "category": "technology",
  "brandCategory": [
    "Technology",
    "technology"
  ],
  "url": "https://www.colorsencyclopedia.com/brand-colors/google/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/technology/",
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Google."
}

Palette

[
  {
    "name": "Palette color 1",
    "hex": "#4285F4",
    "rgb": [
      66,
      133,
      244
    ],
    "hsl": [
      217,
      89,
      61
    ],
    "cmyk": [
      73,
      45,
      0,
      4
    ],
    "luminance": 0.2446,
    "contrast": {
      "black": 5.89,
      "white": 3.56
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A"
      ],
      "AAA": []
    }
  },
  {
    "name": "Palette color 2",
    "hex": "#DB4437",
    "rgb": [
      219,
      68,
      55
    ],
    "hsl": [
      5,
      69,
      54
    ],
    "cmyk": [
      0,
      69,
      75,
      14
    ],
    "luminance": 0.1947,
    "contrast": {
      "black": 4.89,
      "white": 4.29
    },
    "wcag": {
      "AA": [
        "#000000"
      ],
      "AAA": []
    }
  },
  {
    "name": "Palette color 3",
    "hex": "#F4B400",
    "rgb": [
      244,
      180,
      0
    ],
    "hsl": [
      44,
      100,
      48
    ],
    "cmyk": [
      0,
      26,
      100,
      4
    ],
    "luminance": 0.5188,
    "contrast": {
      "black": 11.38,
      "white": 1.85
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A"
      ]
    }
  },
  {
    "name": "Palette color 4",
    "hex": "#0F9D58",
    "rgb": [
      15,
      157,
      88
    ],
    "hsl": [
      151,
      83,
      34
    ],
    "cmyk": [
      90,
      0,
      44,
      38
    ],
    "luminance": 0.2492,
    "contrast": {
      "black": 5.98,
      "white": 3.51
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A"
      ],
      "AAA": []
    }
  }
]

AI context

{
  "brandUseCases": [
    "SaaS UI",
    "developer tools",
    "product branding",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "technology brand colors",
    "blue brand palette",
    "red brand palette",
    "orange brand palette",
    "green brand palette",
    "cool brand palette",
    "warm brand palette",
    "vibrant brand color",
    "balanced brand color",
    "jewel tone brand color",
    "Google color reference"
  ],
  "contrastSafeWith": [
    "#000000",
    "#1A1A1A",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/google.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}

CSS tokens

{
  "css": "--brand-google-1: #4285F4;\n--brand-google-2: #DB4437;\n--brand-google-3: #F4B400;\n--brand-google-4: #0F9D58;"
}

Accessibility

[
  {
    "hex": "#4285F4",
    "contrast": {
      "black": 5.89,
      "white": 3.56
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A"
      ],
      "AAA": []
    }
  },
  {
    "hex": "#DB4437",
    "contrast": {
      "black": 4.89,
      "white": 4.29
    },
    "wcag": {
      "AA": [
        "#000000"
      ],
      "AAA": []
    }
  },
  {
    "hex": "#F4B400",
    "contrast": {
      "black": 11.38,
      "white": 1.85
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A"
      ]
    }
  },
  {
    "hex": "#0F9D58",
    "contrast": {
      "black": 5.98,
      "white": 3.51
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A"
      ],
      "AAA": []
    }
  }
]

Full JSON dataset

{
  "slug": "google",
  "name": "Google",
  "category": "technology",
  "brandCategory": [
    "Technology",
    "technology"
  ],
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Google.",
  "datasetVersion": "1.0.0",
  "url": "https://www.colorsencyclopedia.com/brand-colors/google/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/technology/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/google.json",
  "colors": [
    {
      "name": "Palette color 1",
      "hex": "#4285F4",
      "rgb": [
        66,
        133,
        244
      ],
      "hsl": [
        217,
        89,
        61
      ],
      "cmyk": [
        73,
        45,
        0,
        4
      ],
      "luminance": 0.2446,
      "contrast": {
        "black": 5.89,
        "white": 3.56
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A"
        ],
        "AAA": []
      }
    },
    {
      "name": "Palette color 2",
      "hex": "#DB4437",
      "rgb": [
        219,
        68,
        55
      ],
      "hsl": [
        5,
        69,
        54
      ],
      "cmyk": [
        0,
        69,
        75,
        14
      ],
      "luminance": 0.1947,
      "contrast": {
        "black": 4.89,
        "white": 4.29
      },
      "wcag": {
        "AA": [
          "#000000"
        ],
        "AAA": []
      }
    },
    {
      "name": "Palette color 3",
      "hex": "#F4B400",
      "rgb": [
        244,
        180,
        0
      ],
      "hsl": [
        44,
        100,
        48
      ],
      "cmyk": [
        0,
        26,
        100,
        4
      ],
      "luminance": 0.5188,
      "contrast": {
        "black": 11.38,
        "white": 1.85
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A"
        ]
      }
    },
    {
      "name": "Palette color 4",
      "hex": "#0F9D58",
      "rgb": [
        15,
        157,
        88
      ],
      "hsl": [
        151,
        83,
        34
      ],
      "cmyk": [
        90,
        0,
        44,
        38
      ],
      "luminance": 0.2492,
      "contrast": {
        "black": 5.98,
        "white": 3.51
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A"
        ],
        "AAA": []
      }
    }
  ],
  "brandUseCases": [
    "SaaS UI",
    "developer tools",
    "product branding",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "technology brand colors",
    "blue brand palette",
    "red brand palette",
    "orange brand palette",
    "green brand palette",
    "cool brand palette",
    "warm brand palette",
    "vibrant brand color",
    "balanced brand color",
    "jewel tone brand color",
    "Google color reference"
  ],
  "contrastSafeWith": [
    "#000000",
    "#1A1A1A",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/google.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}

Google Brand Colors

Palette

CSS Tokens

Accessibility Snapshot

About Google Brand Colors

Google Brand Colors Infographic

Machine-Readable Brand Color Data (JSON)

Related Brand Color Guides