Degradê verde-menta: códigos frescos e leves

Um degradê verde-menta mistura verdes pálidos e levemente azulados, de quase branco a um hortelã suave, e poucos verdes parecem tão frescos. Mantido quente, com um parceiro creme ou pêssego, lembra um café, um jardim ou uma manhã de primavera. Combinado com cinza e branco puro, começa a parecer sala de espera de dentista. Aqui estão códigos de menta que continuam frescos, os parceiros que os aquecem e a cor de texto que os mantém legíveis.

Um degradê verde-menta em uma linha de CSS

Se você só precisa de um, comece por este. Ele vai de um branco quente e cremoso a uma menta clara, então nunca parece frio, e deixa bastante espaço calmo no alto para as palavras.

Degradês de menta pálida

Estes ficam perto do branco. São perfeitos para fundos que carregam muita leitura, como um cardápio ou uma lista de preços, e para fotos de produto em que a embalagem deve ser a heroína. Degradês pastel tem a mesma abordagem para todas as cores.

Decida cedo para que lado a sua menta puxa. Mentas azuladas parecem frias, limpas e modernas, o que combina com tecnologia, moda praia e cuidados com a pele. Mentas amareladas parecem quentes e comestíveis, o que combina com comida, plantas e tudo para crianças. Misturar os dois num degradê é possível, mas escolha um para dominar, para que a marca tenha uma temperatura clara.

Menta com pêssego, creme ou rosa-claro

O oposto da menta no círculo cromático é um rosa-coral suave. Na força total, opostos se misturam num cinza, mas na força pastel há tão pouca saturação que um atravessa o outro de forma limpa. Isso faz de menta e pêssego, ou menta e rosa-claro, uma das combinações mais bonitas que existem, e o calor impede a menta de parecer médica. Mais combinações em combinações de cores para degradê.

Menta que não parece pasta de dente

Muita gente associa a menta a pasta de dente, clínicas e uniformes de hospital. Se você não atua nesses setores, fuja das combinações que os sugerem.

O grão importa mais do que você imagina aqui. Um degradê digital pálido sem textura parece o padrão de fábrica; um pouco de ruído o faz parecer um cartão de cardápio impresso. Degradês com grão mostra como.

Degradês de menta mais profundos: até a esmeralda e a floresta

Descer a menta até o verde-esmeralda ou o verde-floresta dá um degradê com frescor e profundidade. Combina com marcas de sustentabilidade, lojas de plantas, matcha e comida saudável, e a ponta escura aguenta texto branco. Para toda a gama de verdes, veja degradês verdes.

Texto sobre um degradê verde-menta

A menta é uma das cores mais claras que existem, então o texto branco some nela: branco sobre hortelã #a7f3d0 mede bem menos de 2 para 1. O verde-floresta #064e3b sobre a mesma menta mede cerca de 7,6 para 1 e mantém o design inteiro numa só família de cor. Só passe para o branco onde o degradê já tiver escurecido até a esmeralda #047857 ou mais. Contraste de cores e acessibilidade explica os limites.

Na Gradiently, o Pro transforma um design em todos os tamanhos de que você precisa em um só passo, e a tinta automática escolhe texto claro ou escuro para cada linha a partir das cores do próprio Mark, então uma menta pálida nunca termina com texto branco ilegível depois de um redimensionamento. Pequenas cafeterias e lojas encontram mais ideias em branding para cafeterias e paletas de cores de primavera.

CSS de degradê verde-menta para um site

Num site, a menta funciona melhor como fundo de uma seção do que como a página inteira, para que apareça como um momento fresco entre seções brancas. Uma leve luz quente num canto evita que uma área grande de menta pareça chapada, e usar verde-floresta no texto do corpo, em vez de preto, mantém a página suave.

.section-mint {
  background-color: #ecfdf5; /* fallback */
  background-image:
    radial-gradient(circle at 85% 20%, #fde2cf 0%, transparent 35%),
    linear-gradient(160deg, #fbfdf7 0%, #d1fae5 50%, #a7f3d0 100%);
  color: #064e3b;
}

.section-mint a { color: #065f46; }