Gradientes verdes: frescos, profundos e elétricos

Um gradiente verde mistura tons de verde, do menta pálido e da salva ao esmeralda e à floresta, até ao lima elétrico, muitas vezes com um verde-azulado ou um amarelo vizinho. O verde tem mais alcance do que quase qualquer outra cor: pode parecer fresco e limpo, profundo e caro, ou forte e sintético. Abaixo ficam paletas de gradiente verde para cada ambiente, com CSS para copiar, as cores de texto que funcionam sobre elas e como evitar parecer todos os relatórios de sustentabilidade.

A família dos verdes

Os verdes inclinam-se para dois lados. Para o amarelo, tornam-se lima, chartreuse e azeitona, que parecem quentes, enérgicos ou terrosos. Para o azul, tornam-se verde-azulado, jade e esmeralda, que parecem frios, calmos e polidos. Se os acinzentares, obténs salva, suave e adulto. Se os escureceres, obténs floresta e verde-garrafa, que parecem estabelecidos e um pouco luxuosos.

O que um gradiente verde comunica

As associações do verde mais partilhadas são a natureza, o crescimento, a saúde e o frescor, que vêm diretamente das plantas. A convenção acrescentou mais: avançar nos semáforos, dinheiro nos Estados Unidos por causa das notas, e sucesso em painéis e aplicações financeiras. Em alguns sítios tem também significados religiosos e nacionais; o significado das cores pelo mundo trata deles.

Na prática, isto quer dizer que o tom fala quase tudo. O menta diz limpo. A salva diz calmo e ponderado. A floresta e o garrafa dizem tradição. O lima diz energia. O verde-azulado diz requinte. Decide qual destes queres antes de escolher um gradiente e as paletas abaixo ficam muito mais fáceis de escolher.

Gradientes verdes frescos e menta

Os verdes pálidos parecem limpos, frios e leves. Servem para cuidados de pele, saúde, alimentação e tudo o que deva parecer fresco. Mantém o texto escuro e aquece-os ligeiramente numa das pontas para não parecerem clínicos.

Gradientes verdes profundos e de floresta

Os verdes escuros estão entre as cores com aspeto mais caro. Pensa em carros de corrida, bibliotecas antigas e embalagens de tradição. Suportam bem texto branco e creme e combinam lindamente com dourado, latão e branco quente.

Gradientes de lima elétrico e verde néon

Os verdes ácidos e lima são fortes e sintéticos, no melhor sentido. Servem para desporto, música, jogos e lançamentos tecnológicos. Sobre um fundo quase preto brilham; sobre branco podem ser difíceis de olhar, por isso usa-os em áreas pequenas.

Gradientes de verde-azulado e jade

O verde que se inclina para o azul é calmo, polido e discretamente confiante. Funciona bem em finanças, bem-estar e viagens, e é menos esperado do que o azul puro nessas categorias.

Evitar o cliché da sustentabilidade

Como o verde está tão ligado à natureza, tornou-se a cor por defeito de tudo o que é ecológico, biológico ou sustentável. Um verde-folha vivo, um fundo branco e um ícone de folha leem-se hoje como a categoria e não como uma empresa em particular. Se trabalhas nesse setor e queres ser notado, muda pelo menos uma dessas três coisas.

O verde e o rosa formam um par particularmente bom para isto, porque a combinação parece botânica sem ser literal. Ficam quase opostos na roda das cores, por isso mantém-nos em áreas separadas em vez de misturar um no outro. As cores complementares explicam porquê.

Texto sobre gradientes verdes

Os verdes vivos são mais claros do que parecem, por isso o texto branco sobre eles costuma falhar. Uma tinta verde muito escura lê-se melhor e mantém tudo na família. Verifica o ponto mais claro por trás do texto branco em qualquer gradiente; texto sobre um gradiente mostra como.

.panel {
  background-color: #0b3b2e;
  background-image: linear-gradient(180deg, #03140e 0%, #0b3b2e 55%, #1f6f50 100%);
  color: #f5f0e6;
}

Para mais paletas tiradas de florestas, campos e água, vê as paletas de cores da natureza.