--- title: "Google brand guidelines: logo, colors and fonts | Rainbrand" description: "Google’s logo, colors (#4285F4, #EA4335, #FBBC05), fonts (Google Sans, Google Sans Text), voice, and dos and don’ts, with a Brand Skill for your agents." url: "https://www.rainbrand.com/brand-guidelines/google/" --- (Brand guidelines) // Consumer technology # Google brand guidelines Google’s logo, colors, fonts, voice, and dos and don’ts, from the Brand Skill Rainbrand built from about.google. [Download the Brand Skill](https://www.rainbrand.com/brand-guidelines/google/google-brand-skill.zip) ![Google wordmark](https://www.rainbrand.com/_next/image?url=%2Fbrand-guidelines%2Fgoogle%2Fgoogle-logo.svg&w=3840&q=75&dpl=dpl_8zv7npXJR9sMH7dgRdivLL1jQMCy) - Blue #4285F4 - Red #EA4335 - Yellow #FBBC05 - Green #34A853 ## About Google Google is a technology company whose mission is to organize the world’s information and make it universally accessible and useful. Its creative work presents technology as helpful, broadly accessible, and connected to people’s everyday lives. ## Google logo - ![Google wordmark](https://www.rainbrand.com/_next/image?url=%2Fbrand-guidelines%2Fgoogle%2Fgoogle-logo.svg&w=3840&q=75&dpl=dpl_8zv7npXJR9sMH7dgRdivLL1jQMCy) Wordmark · SVG [Download Google wordmark](https://www.rainbrand.com/brand-guidelines/google/google-logo.svg) - ![Google G logo](https://www.rainbrand.com/_next/image?url=%2Fbrand-guidelines%2Fgoogle%2Fgoogle-logo-2.png&w=3840&q=75&dpl=dpl_8zv7npXJR9sMH7dgRdivLL1jQMCy) Icon · PNG [Download Google G logo](https://www.rainbrand.com/brand-guidelines/google/google-logo-2.png) Use Google’s own wordmark or standalone G as the corporate identity mark. Keep the wordmark distinct from product marks such as Gemini, Chrome, or Google Maps. The standalone G is a brand symbol, not a substitute for every use of the wordmark. Choose the mark that suits the format, and make sure it remains easy to recognize. Google’s multicolor G and product marks can serve as recognizable brand accents. Use a product mark to identify that product; do not make it stand in for the corporate wordmark. ## Google colors - Blue Logo color HEX #4285F4 Copy HEX RGB 66, 133, 244 Copy RGB - Red Logo color HEX #EA4335 Copy HEX RGB 234, 67, 53 Copy RGB - Yellow Logo color HEX #FBBC05 Copy HEX RGB 251, 188, 5 Copy RGB - Green Logo color HEX #34A853 Copy HEX RGB 52, 168, 83 Copy RGB - Action blue Links and buttons HEX #1A73E8 Copy HEX RGB 26, 115, 232 Copy RGB - Dark gray Text HEX #202124 Copy HEX RGB 32, 33, 36 Copy RGB - White Backgrounds HEX #FFFFFF Copy HEX RGB 255, 255, 255 Copy RGB ## Google fonts - Google Sans Headings · 400 - Google Sans Text Body · 400 Font names only. The Brand Skill download doesn’t include font files. ## Google’s voice Write in a clear, helpful, confident voice. Explain what a technology does and why it matters to people; keep claims specific and understandable. When describing responsibility, accessibility, or impact, use direct language rather than grandiose promises. Use Google’s mission as an anchor for company-level storytelling: “Our mission is to organize the world’s information and make it universally accessible and useful.” - “From the beginning, our passion for building technology for everyone has guided our work” - “We’re working to expand what’s possible to help billions of people reach their goals” - “When it comes to privacy, we know one size doesn’t fit all” ## Dos and don’ts ### Do - Use Google’s wordmark or G as a clear corporate mark, and distinguish corporate identity from product marks. - Keep visual work clear and approachable, with spacious light backgrounds; use color and product imagery to help explain the subject. - Write plainly about what a product does and how it helps people. - Keep impact and responsibility claims specific to the subject being described. ### Don’t - Don’t invent a corporate mark or confuse a product mark with the corporate wordmark. - Don’t recolor the wordmark or the G, or change the order of their colors. - Don’t overstate a product’s capabilities or Google’s role in an initiative. ## More from the Brand Skill ### Brand photography and campaign imagery Google’s company photography spans people using products, teams at work, offices and campuses, research, technology, and community impact. Favor natural human moments and real settings; let the subject and context carry the story. ### Office and location photography Google’s office and location imagery features buildings, workspaces, campuses, and regional settings. Use it to show the company’s global presence and workplace environments. ### Product marks and product experience Product marks identify individual Google products; preserve their own shapes and colors rather than treating them as the corporate logo. The product catalog includes marks for Search, Gemini, Chrome, Maps, Workspace apps, Android, YouTube, and other products. Product photography should show devices and features in use, with clear attention to what the product helps someone do. Product experience imagery includes Search, Gemini, Android, Pixel, and AI demonstrations; retain real interface details when showing Google products. ### Google Maps, Google Earth, and Street View content This guidance applies when a project uses Google’s mapping products or their imagery. Keep the product recognizable and its attribution visible and legible while the content is shown. Do not change the interface colors or remove, obscure, or crop out attribution. If imagery includes attribution for other data providers, credit those providers as well as Google. For Google Maps, a standard embed or a link to Maps is suitable for many web uses. More integrated commercial uses should use Google Maps Platform. Printed Maps content is limited to the permitted use cases described in Google’s guidance; it is not appropriate as merchandise or as the main creative element of promotional material. Google Earth content is not for commercial or promotional use. Static images may be used for eligible noncommercial contexts with attribution; do not embed Earth online or in apps. For film, broadcast, and online video, preserve attribution and follow the applicable usage requirements. Street View imagery is not for print. For web and apps, use an embed or supported API rather than a screenshot. In video, show it only in context as someone uses the product, and follow its project request requirements. ### Partner and sponsorship work Use this guidance only for work that represents an actual Google partnership or sponsorship. An existing relationship does not by itself authorize use of Google’s logo; use the applicable program guidance and coordinate approval through the Google contact. Describe Google’s role precisely and only for the active engagement. For a sponsorship, use language such as “sponsored by,” “supported by,” or “made possible by.” Avoid language that implies a broader partnership, endorsement, or role than the arrangement supports. When an approved Google logo appears alongside sponsor logos, use the approved unmodified mark, give it equal prominence within its sponsorship tier, and keep suitable clear space. Select a version that remains legible against the background. ## Download Google’s Brand Skill A Brand Skill is a folder of brand guidance written for agents. Give it to Claude, ChatGPT, Cursor or another agent and ask it to follow Google’s guidelines. It starts at SKILL.md, which points to the right file for each task. This copy includes the guidance and logos. It leaves out the reference images and font files. [Download the Brand Skill](https://www.rainbrand.com/brand-guidelines/google/google-brand-skill.zip) google-brand-skill/ ├ SKILL.md ├ README.md ├ references/ │ ├ colors.md │ ├ dos-and-donts.md │ ├ typography.md │ ├ visual-identity.md │ ├ brand-photography.md │ ├ brand-voice.md │ ├ office-photography.md │ ├ product-imagery.md │ ├ geo-content.md │ └ partner-sponsorship-guidance.md └ assets/logos/ ├ google-logo.svg └ google-logo-2.png Rainbrand’s Brand Agent built this Brand Skill from about.google on 30 Oct 2026. It isn’t Google’s official guide. Reviewed by Siddharth Borderwala, Founding Engineer at Rainbrand. Google and its logos are trademarks of Google LLC. Rainbrand isn’t affiliated with or endorsed by Google LLC. ## Make one for your brand. Add Rainbrand to your agent and give it your website, brand guide or files. Rainbrand builds a Brand Skill like this one and keeps it up to date. [Get started](https://www.rainbrand.com/auth/sign-in) [Read the docs](https://docs.rainbrand.com/mcp/getting-started) ### ChatGPT + Codex 1. Open the Rainbrand plugin and add it. [Open Rainbrand plugin](https://chatgpt.com/plugins/plugin_asdk_app_6ac6e5030ec88191a88001f6dc0628ca) 2. Connect your Rainbrand account when asked. It works in ChatGPT and in Codex. ### Claude 1. Open the Rainbrand connector in Claude and add it. [Open Rainbrand connector](https://claude.ai/customize/connectors?modal=add-custom-connector&connectorName=Rainbrand&connectorUrl=https%3A%2F%2Fmcp.rainbrand.com%2Fmcp) 2. Select Connect, then sign in to Rainbrand. You can also install the [Rainbrand Skill](https://docs.rainbrand.com/mcp/getting-started#standalone-rainbrand-skill) or the [plugin](https://github.com/rainbrandai/rainbrand-skills/releases/latest/download/rainbrand.claude-plugin.zip). ### Claude Code 1. Add Rainbrand's plugin marketplace in your terminal. ``` claude plugin marketplace add rainbrandai/rainbrand-skills ``` 2. Install the Rainbrand plugin, including its Skill and MCP connection. ``` claude plugin install rainbrand@rainbrand ``` 3. Start a new Claude Code session, then use /mcp to sign in to Rainbrand. You can also [connect with MCP](https://docs.rainbrand.com/mcp/getting-started#claude-code-installation-options) or install the [Rainbrand Skill](https://docs.rainbrand.com/mcp/getting-started#standalone-rainbrand-skill). ### Cursor 1. Add Rainbrand to ~/.cursor/mcp.json. ``` { "mcpServers": { "rainbrand": { "url": "https://mcp.rainbrand.com/mcp" } } } ``` 2. Sign in from the Cursor CLI. ``` agent mcp login rainbrand ``` You can also install the [Rainbrand Skill](https://docs.rainbrand.com/mcp/getting-started#standalone-rainbrand-skill) or the [plugin](https://github.com/rainbrandai/rainbrand-skills/releases/latest/download/rainbrand.cursor-plugin.zip). ### API 1. Create an API key in your account settings, then list your brands. ``` curl https://www.rainbrand.com/api/v1/brands -H "x-api-key: $RAINBRAND_API_KEY" ``` Integrating Rainbrand into your app? [Read the API docs](https://docs.rainbrand.com/api). ## More brand guidelines [See all brands](https://www.rainbrand.com/brand-guidelines/) - [Apple brand guidelines](https://www.rainbrand.com/brand-guidelines/apple/) Consumer technology - [Daylight brand guidelines](https://www.rainbrand.com/brand-guidelines/daylight/) Consumer technology - [Nothing brand guidelines](https://www.rainbrand.com/brand-guidelines/nothing/) Consumer technology The brand layer for agents. Rainbrand builds and maintains shared brand context for your agents and products. [Get started](https://www.rainbrand.com/auth/sign-in) [Read the docs](https://docs.rainbrand.com/)