A versão curta
- Um gradiente verde-floresta vai de um verde quase preto, como a sombra sob as árvores, a um verde médio ou claro onde a luz rompe.
- Os verdes com tendência azul leem-se como pinheiro e sempre-verde, enquanto os com tendência amarela se leem como musgo e feto.
- Um pequeno acento quente, como creme, latão ou terracota, faz o verde-floresta parecer rico em vez de plano.
- O verde-floresta fica sujo quando é misturado diretamente com vermelho ou laranja, por isso mantém as cores quentes como acentos separados.
- A letra clara no lado escuro de um gradiente verde-floresta lê-se bem e transmite calma e ar premium.
Nesta página
Um gradiente verde-floresta vai de um verde quase preto, a cor da sombra profunda sob as árvores, até um verde médio mais rico ou um verde suave de sol onde a luz atravessa a copa. Parece natural, estável e discretamente caro, e é por isso que marcas de tradição, empresas de ar livre, hotéis e lojas de plantas o procuram. Os códigos que se seguem acompanham um bosque real, do chão às copas, com notas sobre o que combinar com cada um.
As cores de uma floresta, do chão à copa
Quem está num bosque vê mais do que um verde. A sombra mais profunda é quase preta. Os pinheiros e os abetos puxam ao azul. O musgo, os fetos e as folhas novas puxam ao amarelo. Lá em cima, onde o sol toca as folhas, o verde fica pálido e dourado, e numa manhã húmida tudo se esbate num verde-acinzentado suave. Um bom gradiente de floresta escolhe uma destas histórias em vez de todas.
Códigos de gradiente verde-floresta
Começa pela copa profunda se queres o clássico gradiente verde escuro: é o mais versátil e carrega a letra clara de forma belíssima. O pinheiro é mais frio e mais moderno. O musgo é mais terroso e serve comida, artesanato e tudo o que é feito à mão. A luz de feto é a mais viva do conjunto e continua a ser inconfundivelmente floresta, não lima.
Para verdes mais frescos e vivos, da esmeralda à lima, a coleção principal de gradiente verde vai mais longe. Se queres um verde-floresta com mais azul, o gradiente verde-azulado continua onde o pinheiro acaba.
Bruma, luz do sol e chão da floresta
A atmosfera é o que faz um gradiente de floresta parecer um lugar e não uma amostra de tinta. A bruma eleva o topo do enquadramento para um verde-acinzentado pálido e deixa as árvores emergir por baixo. A luz do sol entre a copa é um brilho radial de ouro suave, alto no enquadramento. O chão da floresta traz um pouco de castanho para o fundo, o que dá peso ao design. Um destes efeitos por design é mais do que suficiente.
O que combinar com o verde-floresta
O verde-floresta sozinho pode parecer pesado. Um único parceiro quente, usado na letra ou num pequeno acento, muda-lhe toda a personalidade. Escolhe o parceiro pelo sentimento que queres e mantém-no fora do próprio gradiente.
Hex
#f4efe3Sensação
Serve a
Hex
#c9a24aSensação
Serve a
Hex
#c8643bSensação
Serve a
Hex
#f2c6c2Sensação
Serve a
Hex
#d7e2d0Sensação
Serve a
Há mais sobre como construir paletas naturais em paletas de cores da natureza e cores terrosas, e sobre o que o verde sugere às pessoas em significado da cor verde.
Manter o verde-floresta rico, não plano
Parece plano ou doentio
- Verde misturado diretamente em vermelho ou laranja
- Um verde-amarelado tão vivo que parece lima
- Cinzento neutro acrescentado para escurecer
- Preto puro no lado escuro
- Letra verde viva sobre verde escuro
Parece uma floresta
- Cores quentes mantidas como acentos separados
- O lado claro suave, como #a7c97a
- Escurecido baixando a luminosidade, mantendo o matiz
- Um quase preto que ainda é verde, como #0b1f14
- Letra creme ou latão sobre verde escuro
O primeiro ponto é o que apanha as pessoas. O verde e o vermelho ficam opostos na roda cromática, e uma mistura direta entre eles passa pelo castanho. Se queres os dois, deixa-os encontrar-se com uma aresta nítida, ou reserva o vermelho para a letra. Os gradientes sujos mostram exatamente o que acontece pelo meio.
Gradientes verde-floresta em designs reais
O verde-floresta é uma dádiva para negócios que trabalham ao ar livre ou com seres vivos, porque diz perícia e cuidado sem gritar. Um jardineiro pode publicar lembretes sazonais, uma florista pode anunciar um workshop, um hotel pode promover uma escapadinha, e tudo parece a mesma marca.
Uma publicação vertical de um jardineiro. Letra creme no lado profundo, com o verde mais claro mantido nas margens.
Essa consistência é a parte difícil quando uma estação inteira de publicações, stories e folhetos vem de mãos diferentes. No Gradiently, escolhes uma vez um Mark verde-floresta e todos os designs no Studio o vestem no tamanho certo, com a zona calma mantida por trás das tuas palavras. O marketing para paisagismo tem uma estação de ideias para o preencher.
:root {
--forest-950: #0b1f14;
--forest-800: #14391f;
--forest-600: #22573a;
--forest-300: #a7c97a;
--cream: #f4efe3;
}
.hero--forest {
color: var(--cream);
background: linear-gradient(160deg, var(--forest-950) 0%, var(--forest-800) 45%, var(--forest-600) 100%);
}Perguntas frequentes
Qual é o código hex do verde-floresta?
A cor nomeada em CSS forestgreen é #228b22, um verde bastante vivo. Os verdes-floresta mais profundos para gradientes ficam entre #14391f e #22573a, com versões quase pretas como #0b1f14 para o lado escuro de um gradiente.
Que cores combinam com um gradiente verde-floresta?
Creme quente, dourado latão, terracota, rosa-pálido e sálvia pálida. Usa uma delas como cor da letra ou de acento em vez de a misturares no verde.
Porque é que o meu gradiente verde parece sujo?
Provavelmente está a misturar-se com vermelho, laranja ou cinzento. Mantém o matiz estável, escurece baixando a luminosidade e deixa as cores quentes encontrarem o verde com uma aresta nítida ou ficarem na letra.
Que cor de texto funciona sobre verde escuro?
Creme, como #f4efe3, branco ou latão suave. Leem-se com clareza no lado escuro e mantêm a sensação calma e natural.
Escrito pela Gradiently
A equipa por trás da Gradiently, uma ferramenta de design construída em torno dos Marks: gradientes vivos que fazem tudo o que crias parecer teu.
Ver o nosso perfil