Mais de 20 combinações de verde e amarelo: códigos hexadecimais e dicas

Paletas verde-amarelas combinam a sensação estável e natural do verde com o otimismo vibrante do amarelo—tornando-as ideais para designs que pedem energia sem perder clareza.

Abaixo estão mais de 20 combinações de cores verde-amarelas selecionadas com códigos HEX, além de dicas práticas para UI, branding e impressão—assim você pode escolher um conjunto que parece intencional (sem ficar neon demais).

Por Que Combinações de Verde e Amarelo Funcionam Tão Bem

Paletas verde-amarelas naturalmente atraem a atenção porque refletem sinais comuns de “vida” na natureza—as novas folhas, frutas cítricas, campos de primavera e luz solar. Essa familiaridade faz os designs parecerem frescos, acolhedores e fáceis de entender.

Elas também criam uma hierarquia automática: verdes profundos funcionam como base estável para navegação, tipografia e logotipos, enquanto os amarelos servem como destaque para CTAs, selos e informações importantes.

O melhor de tudo é que você pode variar o clima de calmo e terroso (oliva + creme) para energético e elétrico (limão neon + quase preto) sem mudar a essência do tema.

20+ Ideias de Paletas Verde-Amarelo (com Códigos HEX)

1) Prado Cítrico

HEX: #2E7D32 #7CB342 #C0CA33 #FDD835 #FFF8E1

Clima: fresco, ensolarado, ao ar livre

Ideal para: embalagens de alimentos orgânicos

Verdes de prado frescos e raios de limão criam um clima animado e natural do campo à mesa. Use o verde mais escuro para logotipos e manchetes, deixando o amarelo quente como destaque amigável. Combine com texturas kraft ou fundos creme para manter o aspecto natural, sem ficar neon. Dica: reserve o amarelo mais vibrante para destaques, assim ele funciona como realce, não como um bloco ofuscante.

Exemplo de imagem de prado cítrico gerada com media.io

Media.io

Media.io é um estúdio de IA online para criar e editar vídeo, imagem e áudio no seu navegador.

Teste Grátis Agora

2) Limão Minimalista

HEX: #1B5E20 #4CAF50 #AEEA00 #FFEB3B #FAFAFA

Clima: limpo, energético, moderno

Ideal para: ui de landing page saas

Verdes crocantes com toque de limão transmitem um novo começo limpo e movimento rápido. Mantenha a interface majoritariamente branca, usando o verde escuro para navegação e o limão para botões principais. O amarelo ensolarado é o melhor para microdestaques em selos, dicas de ferramentas ou status de progresso. Dica: teste o contraste nos tons limão e use o verde mais escuro para textos pequenos.

Exemplo de imagem de limão minimalista gerada com media.io

3) Matcha Limonada

HEX: #33691E #8BC34A #CDDC39 #FFC107 #FFFDE7

Clima: brilhante, divertido, refrescante

Ideal para: design de menu de café

Verdes matcha borbulhantes e amarelo limonada suculento evocam bebidas geladas, terraços de verão e conversas alegres. Esta paleta verde-amarela é ótima para menus onde as seções precisam de hierarquia clara, sem perder a informalidade. Combine tipografia preta simples e muito espaço branco quente para manter as cores apetitosas. Dica: use o tom âmbar para preços, guiando o olhar discretamente pela página.

Exemplo de imagem de matcha limonada gerada com media.io

4) Feira de Primavera

HEX: #2F6B3C #66BB6A #D4E157 #FFEE58 #F5F5F0

Clima: acolhedor, leve, comunitário

Ideal para: flyer de feira orgânica

Verdes suaves e amarelo amanteigado lembram barracas de produtos frescos e placas escritas à mão. Use o verde médio no título principal e o amarelo como destaque em detalhes-chave, como data e local. Combine com fundo branco tipo papel para máxima leitura à distância. Dica: adicione ícones simples em tom limão claro para estruturar sem pesar na borda.

Exemplo de imagem de feira de primavera gerada com media.io

5) Pêra Neon Pop

HEX: #0B3D02 #39FF14 #C6FF00 #FFEA00 #111111

Clima: ousado, elétrico, noturno

Ideal para: cartaz de evento musical

Tons de limão elétrico e pêra sobre preto quase absoluto lembram lasers cortando uma sala escura. Use o preto como tela, então adicione verde neon na tipografia principal e amarelo para data ou destaques do line-up. Mantenha formas geométricas e minimalistas para deixar a paleta marcante, não caótica. Dica: faça um degradê sutil de limão para amarelo em um elemento central, dando movimento sem adicionar novas cores.

Exemplo de imagem de pêra neon pop gerada com media.io

6) Oliva ao Sol

HEX: #3D5B2A #6B8E23 #B5C547 #E6D64A #F2EFE6

Clima: terroso, calmo, rústico

Ideal para: identidade visual de hotel boutique

Tons de oliva ao sol passam sensação de raízes, mediterrâneo e sofisticação discreta. Essas combinações verde-amarelo brilham em logos e papelaria se estiverem com papel creme texturizado e tipografia serifada elegante. Use o oliva mais profundo para marca, amarelo suave para destaque e mantenha fundo claro para evitar sobrecarga. Dica: use o oliva claro como segunda cor para sinalização e cartões de quarto.

Exemplo de imagem de oliva ao sol gerada com media.io

7) Abacate Cítrico

HEX: #2E3A1F #568A3B #9CCC65 #F9E547 #FFF3C4

Clima: aconchegante, amigável, casual

Ideal para: cabeçalho de blog de lifestyle

Verdes de abacate cremoso com toque cítrico transmitem conforto e proximidade. Use o verde médio para títulos e chips de interface, enquanto o amarelo claro serve como fundo de citações ou categorias. Combine com neutros quentes e ícones lineares simples para reforçar o tema de lifestyle. Dica: limite o amarelo mais vivo a um elemento por tela para dar ênfase proposital.

Exemplo de imagem de abacate cítrico gerada com media.io

8) Samambaia Dourada

HEX: #1F4D2E #4E8A5A #A3B84C #E3D36B #F7F6E7

Clima: suave, botânico, refinado

Ideal para: ilustração botânica para impressão

Verdes de samambaia lavados com dourado suave trazem trilhas sombreadas e folhas prensadas à mente. Use tons escuros para caules e sombras, deixe o amarelo dourado claro para pétalas e luz. Combine com fundo cor de casca de ovo para cara de impressão vintage. Dica: baixe a saturação em áreas grandes e adicione detalhe pelo traço, não por mais cor.

Exemplo de imagem de samambaia dourada gerada com media.io

9) Estúdio Chartreuse

HEX: #0F3D1E #2E7D32 #9ACD32 #E8F04A #E0E0E0

Clima: criativo, artístico, contemporâneo

Ideal para:site de portfólio de design

Estúdios em tons de verde com toques de chartreuse transmitem uma sensação experimental, mas controlada. Use o cinza como pano de fundo principal, deixando o verde ancorar a navegação e o chartreuse destacar estados de hover ou tags de projetos em destaque. Combine com bastante espaço em branco e uma única tipografia marcante para manter o visual curado. Dica: mantenha chartreuse principalmente em pequenos elementos para que seu trabalho continue sendo o ponto focal.

Exemplo de imagem de estúdio chartreuse gerado usando media.io

10) Pineapple Sage

HEX:#355E3B #7BA05B #C9D36B #FFD54F #FFF9E5

Clima:quente, acolhedor, estimulante

Ideal para:capa de ebook de receitas

Verdes de sálvia e amarelo abacaxi remetem a cozinhas ensolaradas e ervas frescas. Use o verde mais escuro para o título e nome do autor, e o amarelo para uma faixa de subtítulo simpática. Combine com fundos cremosos e uma textura sutil para manter o clima aconchegante, sem exageros. Dica: se adicionar fotografia de alimentos, mantenha tons quentes para harmonizar com o amarelo.

Exemplo de imagem de pineapple sage gerado usando media.io

11) Rainy Garden Glow

HEX:#2D6A4F #74C69D #B7E4C7 #E9D66B #F8F4E3

Clima:suave, calmante, otimista

Ideal para:onboarding de app de mindfulness

Verdes de jardim com brilho amarelo suave evocam tranquilidade após a chuva. Use o verde mais escuro para títulos e ícones, deixando os tons de menta clara preencherem grandes áreas de fundo sem cansar a vista. O amarelo quente é perfeito para um único botão de ação tranquilizador por tela. Dica: acrescente bastante preenchimento e formas arredondadas para que a suavidade pareça intencional, não apagada.

Exemplo de imagem de rainy garden glow gerado usando media.io

12) Bamboo Lemon UI

HEX:#1F3B1F #3E8E41 #A3D977 #F2E94E #FFFFFF

Clima:fresco, eficiente, amigável

Ideal para:UI de dashboard de produtividade

Verdes bambu com toque limão transmitem organização e motivação. Deixe a maior parte das superfícies brancas, use o verde mais escuro para textos e os verdes mais claros para chips de status e gráficos. O amarelo é ideal para alertas que devem ser informativos e não alarmantes. Dica: use o mesmo amarelo apenas para um nível de alerta, evitando confusão visual.

Exemplo de imagem de bamboo lemon ui gerado usando media.io

13) Tropical Patio

HEX:#2F4F2F #6BAF4E #BFE35A #FFE66D #FFF5D6

Clima:férias, leveza, alegria

Ideal para:convite para festa de verão

Verdes de palmeira e amarelo ensolarado remetem a uma tarde relaxante no pátio. Use o verde intenso para títulos e bordas, e o amarelo quente para formas divertidas ou uma linha de RSVP destacada. Combine com fundo cremoso para manter a paleta arejada. Dica: acrescente um padrão simples de folhas no verde-limão claro para trazer energia sem poluir o visual.

Exemplo de imagem de tropical patio gerado usando media.io

14) Harvest Lime

HEX:#4A5D23 #7C8F2B #B9C23F #F0D54E #F7F1D5

Clima:sazonal, terroso, artesanal

Ideal para:rótulo de lata de cerveja artesanal

Verdes de safra com amarelo suave transmitem sensação terrosa, artesanal e um pouco nostálgica. Use oliva escuro para a marca e ilustrações finas, deixando o limão e amarelo para selos secundários como IPA ou edição limitada. Combine com creme texturizado, lembrando papel e feito à mão. Dica: textos pequenos devem ser no tom mais escuro para garantir legibilidade em latas arredondadas.

Exemplo de imagem de harvest lime gerado usando media.io

15) Electric Tennis Court

HEX:#0B1F0E #1E7F2D #B7FF3C #FFE600 #F3F3F3

Clima:esportivo, enérgico, competitivo

Ideal para:anúncio de produto esportivo

Verdes de quadra com amarelo forte evocam velocidade, intensidade e esportividade. Use o verde escuro para fundos ou blocos de títulos e o verde-limão neon para gráficos de movimento e destaques. O amarelo intenso é ideal para preços ou datas de lançamento que exigem atenção imediata. Dica: equilibre a intensidade com espaços vazios em cinza claro, mantendo o anúncio sofisticado.

Exemplo de imagem de electric tennis court gerado usando media.io

16) Dandelion Field Notes

HEX:#214D2B #5B8C3B #B4C86A #F2E7A0 #FFFDF3

Clima:suave, nostálgico, estilo diário

Ideal para:design de capa de caderno

Verdes delicados e amarelo dente-de-leão remetem a flores prensadas em diários. Use os verdes escuros para gravação do título e o amarelo claro para simular tom de papel aquecido. Combine com ilustrações simples e muito espaço para manter a proposta reflexiva. Dica: experimente acabamento fosco no amarelo para que pareça cremoso, não brilhante.

Exemplo de imagem de dandelion field notes gerado usando media.io

17) Wasabi Marble

HEX:#263A29 #4E6B50 #A2B585 #E7D75A #F2F2F2

Clima:moderno, suave, sofisticado

Ideal para:embalagem de skincare

Verdes wasabi suaves com detalhe dourado-amarelo transmitem clima de spa e editorial. Use branco acinzentado como base primária da embalagem, verde escuro para tipografia e amarelo dourado para pequenos selos ou destaque de ingredientes. Combine com fonte sans-serif minimalista e relevo sutil para acentuar o toque premium. Dica: mantenha o amarelo restrito a detalhes, garantindo sofisticação e calma.

Exemplo de imagem de wasabi marble gerado usando media.io

18) Lemongrass Spa

HEX:#2C5F2D #6FAF6B #CDE77F #F9E784 #FFF7EE

Clima:relaxante, limpo, arejado

Ideal para:seção hero de site de spa

Verdes de capim-limão e amarelo cremoso remetem a toalhas quentes e vapor de ervas. Use o tom mais claro como fundo e o verde médio para títulos e botões delicados. O amarelo suave pode destacar uma oferta de reserva sem tirar o clima de calma. Dica: escolha fotos de baixo contraste e adicione sobreposição verde translúcida para manter a coesão visual.

Exemplo de imagem de lemongrass spa gerado usando media.io

19) Greenhouse Poster

HEX:#173B1A #2F6F2A #9BC53D #FDE74C #F4F1DE

Clima:fresco, otimista, foco em plantas

Ideal para:cartaz de loja de plantas

Verdes vivos de estufa e amarelo ensolarado sugerem folhas jovens sob vidro. Esta paleta de verde e amarelo é perfeita para tipografia marcante em cartazes, onde o amarelo pode destacar promoções ou novidades. Combine com fundo branco quente e silhuetas simples de plantas para leitura instantânea. Dica: defina texto principal no verde mais escuro e evite amarelo sobre fundo claro.

Exemplo de imagem de greenhouse poster gerado usando media.io

20) Citrus Circuit

HEX:#102A1C #1B5E20 #7FFF00 #DFFF00 #FFEA61

Clima:tecnológico, afiado, futurista

Ideal para:banner de canal de games

Verde escuro com toques elétricos de cítrico remete a interface energizada. Use os tons mais profundos para base e molduras, deixando o amarelo-limão neon para linhas, tags ou pequenos efeitos luminosos. Combine com tipografia de alto contraste e formas precisas para um toque moderno. Dica: se for usar brilho, mantenha sutil e só em um tom de destaque para não desfocar o banner.

Exemplo de imagem de citrus circuit gerado usando media.io

21) Candlelit Citrus

HEX:#244B2A #4F7B3A #A6C94C #F6D365 #FFF1D9

Clima:quente, acolhedor, festivo e suave

Ideal para:display de mesa para restaurante

Verdes quentes e amarelo de vela evocam jantares especiais e conversas aconchegantes. Use o verde escuro para cabeçalhos e bordas, enquanto o amarelo mel pode destacar um prato especial ou horário do happy hour. Combine com tons de papel cremoso e ilustrações minimalistas para um visual elegante. Dica: mantenha espaçamento generoso para que os blocos de cor destaquem, sem pesar no visual.

Exemplo de imagem de candlelit citrus gerado usando media.io

22) Lime Grove Editorial

HEX:#1E3D2B #3F6F3F #8FBF4D #EAD94C #F9F7F0

Clima:editorial, confiante, inspirado na natureza

Ideal para:layout de matéria de revista

Verdes de bosque com destaque amarelo transmitem o clima de revista moderna de natureza. Use branco quente como base da página, verde escuro para texto e linhas, e amarelo para frases destacadas ou número de seções. Combine com fotos em preto e branco, ressaltando os detalhes sem poluição visual. Dica: utilize o amarelo em locais repetidos para garantir uniformidade visual.

Exemplo de imagem de lime grove editorial gerado usando media.io

Que Cores Combinam com Verde-Amarelo?

Verde e amarelo combinam especialmente bem com neutros quentes como creme, marfim, kraft e areia—essas tonalidades suavizam o brilho e facilitam a leitura. Para um visual digital mais limpo, branco e cinza claro criam uma base nítida que faz os destaques em limão parecerem intencionais.

Para contraste, experimente verde floresta profundo, carvão ou quase preto para firmar textos e elementos da interface. Para algo mais lúdico, pequenos toques de coral, azul-marinho ou teal adicionam personalidade sem brigar com a energia verde-amarela.

Em caso de dúvida, escolha um tom escuro “âncora” (para textos) e um amarelo “destaque” (para realces) para evitar que o design fique poluído.

Como Usar a Combinação de Verde-Amarelo em Projetos Reais

Em branding, deixe o verde assumir o protagonismo (logo, tipografia, superfícies principais) e use o amarelo em destaques estratégicos para foco premium—selos, etiquetas e mensagens-chave. Isso preserva a legibilidade e evita que o amarelo domine o sistema.

Em interfaces, reserve o amarelo mais brilhante para uma única função: CTA principal, status ou tags de preços. Use amarelo suave ou branco-quente nos fundos, e aposte no verde escuro para textos, garantindo contraste adequado em todos os dispositivos.

Para impressão, teste seus amarelos em materiais reais—alguns tons vibrantes podem mudar sob diferentes iluminações e tipos de papel. Papéis creme ou com textura geralmente fazem combinações verde-amarelo parecerem mais naturais e menos néon.

Crie Visuais de Paletas Verde-Amarelo com IA

Se você quer ver como uma paleta verde-amarela fica em embalagens, pôsteres, painéis ou kits de marca, gerar um mockup rápido pode ajudar você a decidir mais rápido do que apenas ver amostras.

Com a ferramenta de texto para imagem da Media.io, você pode colar um prompt (como os acima), incluir seus códigos HEX e produzir visuais consistentes para apresentações, revisões de clientes ou testes A/B.

Próximo: Paleta de Cores Rosa Lavanda