20 combinações de amarelo e verde com códigos hexadecimais

O verde amarelado fica exatamente entre o brilho do sol e a folhagem, por isso comunica naturalmente frescor, crescimento e energia. Seja para criar uma marca, interface ou embalagem, essa faixa de cor pode parecer suave e orgânica ou ousada e tecnológica, dependendo do contraste.

Abaixo estão 20 ideias de paletas de verde amarelado com códigos HEX, além de dicas práticas de combinação e uso em sistemas reais de design.

Por que as paletas de verde amarelado funcionam tão bem

Paletas de verde amarelado parecem instantaneamente “vivas” porque combinam o otimismo do amarelo com a estabilidade do verde. Esse equilíbrio as torna flexíveis: podem parecer divertidas e jovens, ou calmas e ecológicas.

Elas também funcionam bem no design digital moderno porque destacam-se em feeds e interfaces movimentados. Um único destaque chartreuse ou lima pode guiar a atenção para CTAs, estados ativos e destaques sem exigir mudanças grandes no layout.

Em impressos e embalagens, o verde amarelado sinaliza frescor (alimentos, chá, bem-estar) e ainda oferece profundidade suficiente para transmitir qualidade premium quando combinado com creme, carvão ou metais suaves.

20+ Ideias de paletas de verde amarelado (com códigos HEX)

1) Prado Cítrico

HEX: #F6E85A #CFE84A #6FBF4B #2F6B3E #FFF7D6

Clima: ensolarado, natural, animado

Melhor para: moodboards de identidade visual e marcas de bem-estar

Ensolaradas e frescas como um prado, essas tonalidades lembram raspas cítricas sobre a grama macia da primavera. Use o creme claro como espaço de respiro, e deixe os verdes de lima e folha carregarem os títulos e formas principais. Combine com neutros quentes ou um toque de argila suave para manter o equilíbrio. Dica: reserve o amarelo mais brilhante para destaques e ícones, assim o layout permanece legível.

Exemplo de imagem do prado cítrico gerado com media.io

Media.io

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

Experimente agora gratuitamente

2) Chartreuse Minimalista

HEX: #D9FF57 #B9E64A #6A8F2A #1F2A24 #F4F5F7

Clima: limpo, moderno, confiante

Melhor para: interface minimalista de site e páginas de aterrissagem

Nítida e moderna, essa mistura lembra tinta de marca-texto fresca em uma mesa organizada. Para um esquema de verde amarelado refinado, use o carvão para textos e mantenha o branco dominante. Os verdes intermediários funcionam bem em botões, alternâncias e estados ativos sem serem chamativos. Dica: teste o contraste cedo e aumente o peso do texto quando o chartreuse estiver atrás de etiquetas pequenas.

Exemplo de imagem do chartreuse minimalista gerado com media.io

3) Linho de Abacate

HEX: #D7E27A #A7B95B #6F7F3A #F2EADF #3A3A33

Clima: aconchegante, terroso, orgânico

Melhor para: convites de casamento e papelaria rústica

Suave e terroso, evoca folhas de abacate sobre tecido de linho quente. Use o tom de linho como base do papel, depois adicione verdes oliva nas bordas, monogramas e detalhes de RSVP. Combine com tinta preto fosco ou marrom profundo para manter tudo nítido e atemporal. Dica: use o verde mais claro para padrões sutis de fundo, deixando a tipografia em destaque.

Exemplo de imagem do linho de abacate gerado com media.io

4) Lime Soda Pop

HEX: #E6FF4F #B4FF63 #49D17A #1A6F5D #0B1C1D

Clima: divertido, energético, ousado

Melhor para: embalagem de lata de bebidas e anúncios de lançamento

Efervescente e elétrica, essas cores lembram uma soda de lima gelada com um toque neon. Use o lime brilhante para a cor principal da etiqueta e ancore com teal profundo e preto quase total para contraste. Combine com tipografia sans-serif simples e bastante espaço negativo para evitar visual caótico. Dica: mantenha os gradientes sutis e escolha um sólido vibrante para reforçar o reconhecimento da marca.

Exemplo de imagem de lime soda pop gerado com media.io

5) Jardim de Ervas da Primavera

HEX: #F1F7A8 #CBE36B #89B84A #4E7A3A #E9F3EE

Clima: fresco, botânico, calmante

Melhor para: ilustrações botânicas da primavera e cabeçalhos de blogs

Fresco e botânico, lembra ervas esmagadas, brotos novos e orvalho da manhã. O menta pálido mantém a composição leve, enquanto os verdes profundos dão profundidade aos caules e sombras. Combine com traço manual e texturas suaves de papel para um toque natural. Dica: escolha um verde escuro para contornos, permitindo que os tons claros brilhem sem embotar.

Exemplo de imagem do jardim de ervas da primavera gerado com media.io

6) Brilho de Pera Dourada

HEX: #FFD25A #CFE85A #8BC34A #2D5A3A #FFF1E6

Clima: quente, convidativo, premium

Melhor para: etiquetas de skincare e branding de produtos limpos

Quente e suavemente luminosa, lembra a pele de uma pera madura sob luz do fim de tarde. Essa paleta funciona de forma elegante para etiquetas premium quando mantém o fundo creme dominante e usa o verde profundo somente em blocos de ingredientes. Combine com detalhes mínimos em dourado ou tipografia cinza quente para um acabamento refinado. Dica: imprima uma amostra, pois o amarelo brilhante pode variar conforme a iluminação em papéis texturizados.

Exemplo de imagem do brilho de pera dourada gerado com media.io

7) Caminho Musgoso

HEX: #CDDC7A #9FB25A #6B7D3A #3C4D2B #B08D57

Clima: sólido, ao ar livre, resistente

Melhor para: cartazes de marcas outdoor e eventos de trilha

Sólido e ao ar livre, lembra musgo sobre pedra e trilhas de terra iluminadas pelo sol. Use o marrom terroso como destaque para insígnias, ícones e pequenos elementos gráficos. Combine com texturas tipo kraft ou branco limpo para impedir que os verdes fiquem pesados. Dica: mantenha o texto no verde mais escuro para visual natural e ótima legibilidade.

Exemplo de imagem do caminho musgoso gerado com media.io

8) Contraste Lima Neon

HEX: #D6FF00 #A6FF4D #00D084 #1B1B1B #F7F7F7

Clima: ousado, alto contraste, tecnológico

Melhor para: banners para games e anúncios de tecnologia

Ousado e alto contraste, lembra letreiros neon cortando ruas noturnas. Essas combinações verdes amareladas se destacam quando o preto é o fundo e o cinza claro serve como espaçamento. Combine com formas geométricas e tipografia sans intensa para um look tech. Dica: restrinja o neon a um ou dois elementos focais por layout para evitar fadiga visual.

Exemplo de imagem de contraste lima neon gerado com media.io

9) Creme de Pistache

HEX: #E9F3C8 #CFE3A5 #9DC27A #6D8A5C #FFF6E8

Clima: suave, amigável, leve

Melhor para: menus de café e gráficos de blogs de estilo de vida

Suave e cremosa, sugere gelato de pistache com um leve toque de baunilha. Use o creme quente de base e traga os verdes intermediários para cabeçalhos de seções e destaques de preços. Combine com tipografia arredondada e divisores sutis para sensação acolhedora. Dica: mantenha as fotos com tom levemente quente, garantindo que os verdes pareçam frescos ao invés de acinzentados.

Exemplo de imagem de creme de pistache gerado usando media.io

10) Bambu Chuvoso

HEX: #D8E36A #9DC65A #4F8F59 #2F5F5D #E6ECEF

Clima: fresco, equilibrado, atento

Melhor para: dashboards de aplicativos ecológicos e UI de análises

Fresco e equilibrado, lembra folhas de bambu após a chuva com um céu nublado acima. Deixe o azul-cinza servir de tela e utilize os verdes para indicar estados de sucesso, progresso e navegação. Combine com iconografia simples e espaçamento consistente para manter a paleta calma e organizada. Dica: atribua um verde para ações e outro para visuais de dados para reduzir a carga cognitiva.

Exemplo de imagem de bambu chuvoso gerado usando media.io

11) Nota Vintage Oliva

HEX: #E3E0A6 #B8B37A #7A7446 #3F3B2C #F5F1E6

Clima: nostálgico, sóbrio, editorial

Melhor para: layouts de revista e artigos longos

Sóbrio e nostálgico, lembra antigos diários de campo e tecido de oliva gasto. Use o branco quente para páginas de texto e reserve os verdes mais escuros para títulos e citações. Combine com tipografia serifada clássica e linhas finas para um acabamento editorial. Dica: mantenha o uso de cores de destaque minimalista para que a paleta permaneça sofisticada em vez de apagada.

Exemplo de imagem da nota vintage oliva gerado usando media.io

12) Sorvete de Kiwi

HEX: #F9FF8B #C7FF4A #7DE35A #2DBD7A #2B3A33

Clima: vibrante, juvenil, divertido

Melhor para: convites para festas infantis e promoções lúdicas

Vibrante e alegre, lembra sorvete de kiwi em um dia quente. Mantenha o verde escuro para texto e contornos, e deixe os dois tons mais claros dominarem formas e fundos. Combine com ícones divertidos, cantos arredondados e padrões simples como pontos ou listras. Dica: evite tipografia pequena sobre o verde claro do kiwi e use um bloco escuro sólido quando necessário.

Exemplo de imagem do sorvete de kiwi gerado usando media.io

13) Poster Folha Solar

HEX: #FFEA5A #C7F05A #55B84A #2B2E34 #FFF2C6

Clima: otimista, marcante, gráfico

Melhor para: promoções e posts de campanha em redes sociais

Otimista e gráfico, parece folhas ao sol cortadas em formas de papel ousadas. Use o tom manteiga para suavizar a composição e coloque títulos no carvão para contraste forte. Combine com blocos grandes de cor e silhuetas simples para criar posts que chamam atenção. Dica: mantenha o amarelo como o destaque e usar os verdes para elementos secundários como adesivos e etiquetas.

Exemplo de imagem de poster folha solar gerado usando media.io

14) UI Matcha Suave

HEX: #F3F6D7 #D6E8A4 #A8C97A #5A6B52 #FFFFFF

Clima: suave, aconchegante, minimalista

Melhor para: kits de UI para aplicativos financeiros e telas de onboarding

Suave e aconchegante, lembra um latte de matcha quente com espuma cremosa. Use branco e matcha claro em fundos e aplique os verdes médios em cartões, abas e etapas de progresso. Combine com ilustrações calmas e espaçamento generoso para manter a interface premium. Dica: defina botões primários no verde mais escuro e mantenha ações secundárias delineadas para clareza.

Exemplo de imagem do UI matcha suave gerado usando media.io

15) Samambaia Tropical

HEX: #E4FF7A #B9E85A #57C86A #0F6D4A #00423A

Clima: exuberante, aventureiro, fresco

Melhor para: anúncios de equipamentos outdoor e branding de viagens

Exuberante e aventureiro, esses verdes lembram folhas de samambaia tropical no ar úmido. Deixe o lime brilhante ser um destaque para logos e chamadas, enquanto os tons teal escuros ancoram o sistema de marca. Combine com fotografia limpa e texto simples para evitar competir com a saturação. Dica: mantenha fundos escuros quando quiser que o lime brilhe e claros quando precisar de leitura calma.

Exemplo de imagem da samambaia tropical gerado usando media.io

16) Workspace Wasabi

HEX: #DBE86A #B2C94A #7A8F3A #2B2F33 #F2F4F6

Clima: focado, profissional, moderno

Melhor para: templates de apresentação de escritório e slides

Focado e profissional, lembra um workspace organizado com um toque picante de wasabi. Use o cinza frio como base dos slides e aplique os verdes em gráficos, divisores de seção e métricas-chave. Combine com uma família sans-serif ousada e peso de traço consistente nos ícones. Dica: reserve o verde mais vibrante apenas para destaque, principalmente em slides com muitos dados.

Exemplo de imagem do workspace wasabi gerado usando media.io

17) Acid Lime Streetwear

HEX: #CCFF00 #7CFF00 #00FF8A #101014 #FF4D6D

Clima: ousado, moderno, rebelde

Melhor para: posters streetwear e capas de lookbook

Ousado e moderno, grita neon de mercado noturno com toque inesperado de rosa. Combinações de amarelo e verde como esta funcionam melhor com bastante espaço preto e tipografia oversized. Combine com formas angulares e pouco texto para controlar a energia. Dica: trate o rosa como um pequeno destaque para etiquetas, preços ou um único ícone.

Exemplo de imagem acid lime streetwear gerado usando media.io

18) Aquarela Flor de Pera

HEX: #FFF4A8 #D9F27A #9EDC7A #6DB08A #F7E6EF

Clima: romântico, leve, delicado

Melhor para: padrões florais de primavera e detalhes de papelaria

Romântico e leve, lembra flores de pera viajando num céu pastel. Use o rosa suave como contraponto para que os verdes pareçam doces em vez de esportivos. Combine com bordas aquareladas soltas e muito espaço em branco para um visual leve e respirável. Dica: mantenha um verde médio para folhas e troque apenas os destaques para evitar padrões excessivamente carregados.

Exemplo de imagem aquarela flor de pera gerado usando media.io

19) Embalagem Capim-Limão

HEX: #F7FFB0 #D6F57A #8CCF5A #3A7D4A #F0EFE9

Clima: limpa, herbal, confiável

Melhor para: caixas de chá e embalagens de alimentos naturais

Limpa e herbal, evoca maços de capim-limão e uma prateleira de despensa tranquila. Use o tom neutro claro como cor principal da caixa e coloque o verde mais profundo nos painéis de ingredientes e certificações. Combine com desenhos botânicos simples para transmitir frescor sem poluir. Dica: reserve o verde mais escuro para pequenos textos para manter a legibilidade em embalagens texturizadas.

Exemplo de imagem da embalagem capim-limão gerado usando media.io

20) Gradiente Lime Solar

HEX: #FFF06A #D7FF57 #8BFF6A #3BD68A #1A7A62

Clima: fresco, brilhante, otimista

Melhor para: fundos de site, CTAs e detalhes UI em gradiente

Fresco e otimista, parece luz solar dissolvendo em lime e menta. Use gradientes para seções hero e formas grandes, depois conte com o teal-escuro para texto e navegação. Combine com branco puro e cinza neutro para uma interface moderna e polida. Dica: coloque gradiente só atrás de áreas grandes e evite texto pequeno sobre o tom mais claro.

Exemplo de imagem gradiente lime solar gerado usando media.io

Quais cores combinam bem com verde amarelado?

Amarelo-verde combina melhor com tons escuros e neutros suaves. Carvão, quase preto, verde floresta profundo e teal escuro tornam o amarelo-verde mais nítido e legível — especialmente para textos UI e botões.

Para um visual mais calmo e natural, combine com creme, branco quente, bege kraft ou cinza-azul claro. Esses fundos reduzem ruído visual e ajudam os verdes brilhantes parecerem intencionais, não excessivos.

Se quiser um destaque extra, pequenas doses de rosa suave, argila ou dourado quente podem funcionar como assinatura. Mantenha o destaque limitado para que o amarelo-verde permaneça a cor principal.

Como usar uma paleta de verde amarelado em designs reais

Comece decidindo qual papel o amarelo-verde terá: cor principal da marca, detalhe UI, ou destaque de campanha sazonal. Na maioria dos sistemas, funciona melhor como destaque (CTAs, highlights, badges) com base neutra e texto escuro.

Em UI, teste o contraste desde cedo: fundos amarelo-verde podem reduzir legibilidade de textos pequenos. Use verdes profundos ou carvão para textos, aumente o peso da fonte e reserve os tons mais claros para formas maiores e ícones.

Para impressão e embalagem, faça prova física no material real — amarelos brilhantes podem variar sob luz quente ou papel texturizado. Use painéis creme/neutros para ingredientes e texto fino para manter tudo nítido.

Crie visuais de paleta verde amarelado com IA

Se já tem códigos HEX, pode criar moodboards, mockups UI, conceitos de posters ou cenas de embalagem rapidamente. O segredo é descrever o layout (grade, hero, etiqueta, spread editorial) e onde o destaque amarelo-verde deve aparecer.

Use uma paleta por conceito primeiro, depois altere trocando uma cor de cada vez (por exemplo, mudando o neutro do fundo). Isso mantém resultados consistentes e ajuda a perceber o que melhora a legibilidade e a sensação de marca.

Com o gerador de texto para imagem do Media.io, é possível criar exemplos visuais rapidamente com prompts como os acima, e refinar tipografia e composição em segundos.

Próximo: Paleta de Cores Ouro Branco