Google Qual É A Cor Do Arco-íris - Fotos Das Cores Do Arco íris - FDPLEARN
Fotos Das Cores Do Arco íris - FDPLEARN

O logo do Google e suas cores: uma história que ninguém te explica direito

A versão mais conhecida do logotipo do Google, aquela que aparece em praticamente todo lugar hoje, tem seis cores. O padrão é azul, vermelho, amarelo, azul, verde e vermelho. Sim, o azul repete. Não é um erro de impressão. O verde aparece no quarto traço e o vermelho fecha a sequência. A ordem não é aleatória — ela foi definida deliberadamente para transmitir a ideia de que a empresa podia organizar informações caóticas de forma intuitiva.

google qual é a cor do arco-íris

Quando eu comecei a mexer com design de marca e branding, um cliente me perguntou isso numa reunião. A resposta curta é: depende da versão. O logotipo original de 1998, feito por Sergey Brin e Larry Page num programa de desenho primitivo, usava apenas vermelho, amarelo, verde e azul — quatro cores, sem repetição. Foi um doodle, literalmente, desenhado nas férias de doutorado. Depois veio a versão com o "B" como suporte, aquele arco-íris clássico dos anos 2000 que todo mundo reconhece, com os seis tons e a fonte serifada. A transição para o estilo Material Design em 2015 mudou bastante: as letras ficaram mais limpas, sem serifa, e as cores ganharam um gradiente mais suave, mas a paleta permaneceu a mesma. Em 2019, o Google introduziu o ícone "G" isolado — um quadrado com as quatro cores em fatias radiais, usado para favicon, app icon e cases onde o nome completo não cabe. O que muita gente não sabe é que o verde do logo não é o mesmo verde que você encontra num paleta padrão de web design. O tom exato usado na versão atual é aproximadamente #34A853 no formato hexadecimal, um verde levemente azulado que evita competir visualmente com o azul primário ao lado. Já o vermelho não é #FF0000 — é mais um #EA4335, um tom avermelhado com um leve tom de coral que amadureceu com o tempo e soa menos agressivo em telas digitais. Esses valores são documentados nas diretrizes oficiais do Google Brand Manual, que qualquer pessoa pode acessar gratuitamente no site de desenvolvedores da empresa.

👉 Clique no botão abaixo para saber mais sobre o assunto!

Um problema que eu encontrei na prática: muitas vezes designers tentam reconstruir o logo do zero usando as cores do site, mas acabam com variações que parecem erradas porque a fonte importa tanto quanto a cor. O Google usa uma fonte personalizada chamada Product Sans, mas quando você olha os detalhes, as letras não são perfeitamente simétricas. O "O" tem um leve achatamento no topo, o "L" tem um cauda mais longa que o normal, e o traço do "G" foi redesenhado de forma a parecer uma curva aberta, não um C. Se você usar uma fonte similar como Nunito ou Poppins no lugar, as cores ficam certas mas a forma geral do logotipo perde a assinatura visual. Eu já vi isso acontecer em dezenas de projetos de rebranding onde a equipe focou apenas nas cores e ignorou a tipografia. Outro detalhe importante: o arco-íris do Google não segue a ordem tradicional do espectro visível (vermelho, laranja, amarelo, verde, azul, anil, violeta). Ele começa com azul, não com vermelho. Isso foi uma decisão intencional dos fundadores — segundo relatos deles, escolheram o azul como cor inicial porque achavam que era mais memorável e diferente do padrão das competidores da época. A ordem atual é: azul (#4285F4), vermelho (#EA4335), amarelo (#FBBC04), azul (#4285F4), verde (#34A853), vermelho (#EA4335). Note que o amarelo vem antes do verde, o que quebra a sequência cromática natural do arco-íris.

Se você precisa usar as cores corretas do Google em algum projeto, o recurso mais confiável é o Google Brand Resource Center (brand.google.com), onde você baixa o kit oficial com os valores em HEX, RGB, CMYK e LAB, além dos arquivos vetoriais. A desvantagem é que o material é voltado para parceiros e empresas que têm autorização de uso — usar o logo sem permissão para fins comerciais pode gerar problemas legais, mesmo que você use as cores exatas. Para uso educacional ou pessoal, os valores hexadecimais listados acima são suficientes na maioria dos casos. Há também a questão da acessibilidade. O contraste entre o amarelo (#FBBC04) e o branco, por exemplo, é bastante baixo em telas claras, o que pode dificultar a leitura para pessoas com deficiência visual. O Google resolveu isso em versões alternativas do logo usando fundos escuros ou removendo o amarelo em contexts onde o contraste é crítico. Essa é uma nuance que poucas pessoas levam em conta quando tentam replicar o logotipo em materiais impressos ou digitais.