20 combinações de paletas branco e verde modernas com códigos Hex

Branco e verde é uma combinação atemporal: o branco mantém os layouts limpos e arejados, enquanto o verde adiciona vida, frescor e um equilíbrio natural. Juntos, funcionam em UI modernas, embalagens e impressos, porque transmitem minimalismo e acolhimento ao mesmo tempo.

Abaixo estão ideias curadas de paletas de cores branco e verde com códigos HEX, notas de clima e maneiras práticas de aplicar cada esquema — além de prompts de IA que você pode reutilizar para gerar visuais rapidamente.

Por que paletas branco e verde funcionam tão bem

O branco traz clareza instantânea: aumenta o espaço percebido, melhora a escaneabilidade e ajuda a tipografia e imagens a parecerem nítidas. Quando você precisa de simplicidade moderna sem parecer frio, branco é uma base ideal.

O verde adiciona emoção e significado — frescor, crescimento, calma, saúde, valores ecológicos — dependendo do tom. Sálvias suaves transmitem requinte e tranquilidade, enquanto verdes vívidos de primavera parecem energéticos e digitais.

Como sistema, branco + verde é fácil de ampliar: brancos para fundos e superfícies, verdes médios para seções e componentes e verdes escuros para contraste acessível em texto, ícones e CTAs.

Mais de 20 ideias de paletas branco e verde (com códigos HEX)

1) Linho Menta

HEX: #f8f7f2 #dff3ea #a7d8c7 #4f8f77 #2f3a35

Clima: arejado, calmo, moderno

Melhor para: interface de dashboard saas

Menta arejada e brancos suaves de linho lembram a luz da manhã em um estúdio limpo. A base pálida mantém os layouts abertos, enquanto o verde mais profundo ancora a navegação e estados principais. Combine com ícones de linhas finas, bastante espaçamento e divisores cinza quente para legibilidade. Dica de uso: reserve o verde mais escuro para botões primários e mensagens de sucesso para manter a clareza.

Exemplo de imagem de linho menta gerado com media.io

Media.io

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

Experimente grátis agora

2) Galeria Sage

HEX: #fbfbf7 #e6efe6 #b8cbb8 #6f8d77 #2e4738

Clima: refinado, tranquilo, curado

Melhor para: site de portfólio de arte

Tons suaves de sage junto ao branco galeria evocam impressões emolduradas e uma sala de visualização calma. Use o sage médio para fundo de seções e o verde escuro para cabeçalhos, criando uma hierarquia de museu. Combina bem com títulos serifados, bordas finas e muito espaço negativo. Dica de uso: mantenha imagens em blocos de branco puro para fidelidade das cores das obras.

Exemplo de imagem de galeria sage gerado com media.io

3) Névoa de Eucalipto

HEX: #f4faf7 #d7efe6 #9ccbbf #4d7f76 #1f2f2c

Clima: fresco, tipo spa, suave

Melhor para: identidade de marca de cuidados com a pele

Névoa fresca de eucalipto transmite limpeza e restauração, como toalhas aquecidas e botânicos de folhas. Para uma paleta branco e verde premium, mantenha fundos quase brancos e deixe os tons azul-esverdeados médios serem a identidade. Combine com texturas foscas, embalagem minimalista e preto-esverdeado suave para tipografia. Dica de uso: use o menta claro como cor de campo grande e evite saturar demais os blocos com destaque.

Exemplo de imagem de névoa de eucalipto gerado com media.io

4) Porcelana Aloe

HEX: #ffffff #eaf6f0 #c5e6d6 #78b89a #2f5e49

Clima: limpo, gentil, elevado

Melhor para: landing page de bem-estar

Branco porcelana limpo com verdes aloe transmite leveza, saúde e otimismo. Use o verde pálido em grandes seções para reduzir o brilho mantendo a página iluminada. Combina bem com elementos de UI arredondados, sombras suaves e neutros quentes como areia para detalhes secundários. Dica de uso: mantenha CTAs em verde profundo para destaque sem excessos.

Exemplo de imagem de porcelana aloe gerado com media.io

5) Mármore Floresta

HEX: #f6f5f0 #dfe7de #98b59c #3f6b4a #1e2b22

Clima: sólido, elegante, clássico

Melhor para: folheto de hotel boutique

Verdes sólidos de floresta sobre branco marmorizado evocam lobbies, texturas de pedra e luxo silencioso. Essas combinações branco e verde funcionam bem em folhetos onde títulos precisam destaque e o texto mantém legibilidade. Combine com detalhes em ouro, papel grosso e sobreposições fotográficas sutis. Dica de uso: use o verde quase preto para textos pequenos e o verde médio para áreas grandes.

Exemplo de imagem de mármore floresta gerado com media.io

6) Estúdio Pistache

HEX: #fbfaf5 #e9f2dd #cde2a8 #8fb85c #3a4a2b

Clima: ensolarado, divertido, acessível

Melhor para: design de menu de café

Verdes pistache ensolarados com branco cremoso lembram um balcão de café iluminado e doces frescos. Use o pistache claro como fundo do menu e o verde oliva escuro para nomes e preços dos itens. Combina naturalmente com ícones desenhados à mão e fotografia quente. Dica de uso: mantenha uma cor de destaque por seção para facilitar a leitura do menu.

Exemplo de imagem de estúdio pistache gerado com media.io

7) Jardim de Chá

HEX: #f9f9f3 #e3f0e1 #b4d5b6 #6c9b74 #2b4a33

Clima: aconchegante, natural, convidativo

Melhor para: conjunto de convite de casamento

Verdes aconchegantes de jardim de chá sobre branco suave evocam folhas prensadas e papel artesanal. Use o verde mais profundo para nomes e títulos, mantendo detalhes em sage claro para uma hierarquia suave. Combina com flores aquareladas e texturas de borda rasgada. Dica de uso: imprima em papel branco quente para evitar contraste muito forte.

Exemplo de imagem de jardim de chá gerado com media.io

8) Minimal Espuma do Mar

HEX: #fcfffd #e5fbf4 #b8efe0 #5db9a2 #1f5a4b

Clima: leve, nítido, contemporâneo

Melhor para: telas de onboarding de app mobile

Espuma do mar nítida sobre branco brilhante transmite modernidade e leveza, como ar costeiro. Use o tom mais claro como fundo de tela cheia e mantenha o verde saturado para ilustrações e etapas de progresso. Combina bem com formas geométricas e texto minimalista. Dica de uso: garanta acessibilidade usando o verde teal escuro para todo texto pequeno.

Exemplo de imagem de minimal espuma do mar gerado com media.io

9) Caderno Oliva

HEX: #f7f6f1 #e7eadf #c3c8ad #7f8760 #3b3f2d

Clima: acadêmico, terroso, confiável

Melhor para: capa de papelaria e diário

O verde oliva terroso com brancos de papel lembra um caderno bem usado e uma mesa silenciosa. Uma combinação de verde e branco como essa funciona melhor quando os tons neutros claros dominam e o oliva serve de estrutura. Combine com texturas kraft, padrões de linhas simples e tinta preta suave. Dica de uso: adicione uma borda fina em oliva médio para que as capas pareçam mais finalizadas.

Exemplo de imagem de caderno oliva gerado com media.io

10) Cerâmica Meadow

HEX: #fffdf8 #eef7e8 #cfe8c2 #86b77b #2f5a3a

Clima: aconchegante, fresco, amigável

Melhor para: anúncio de produtos para cozinha

Verdes suaves de prado sobre branco quente evocam cerâmica esmaltada e bancadas iluminadas pelo sol. Use os tons mais claros como fundo e o verde médio para destacar recursos do produto ou chamadas. Combina perfeitamente com elementos de madeira natural e tipografia sans-serif simples. Dica de uso: mantenha reflexos sutis para que a paleta permaneça delicada e não clínica.

Exemplo de imagem de cerâmica meadow gerado com media.io

11) Spa de Bambu

HEX: #f3f8f1 #d9edd2 #a9d3a0 #5f9c63 #2b4d2f

Clima: restaurador, natural, equilibrado

Melhor para: pôster promocional de spa

Verdes bambu revigorantes lembram vapor, eucalipto e salas tranquilos. Use o verde claro como base relaxante e o verde escuro para títulos e detalhes da oferta. Combina bem com fotografia minimalista, divisórias finas e bastante espaço em branco. Dica de uso: mantenha o contraste alto em preços e datas para que a promoção seja legível à distância.

Exemplo de imagem de spa de bambu gerado com media.io

12) Giz Esmeralda

HEX: #f8f9f6 #e0efe9 #9fd4c2 #2f8b6f #173a31

Clima: confiante, inteligente, energético

Melhor para: slides de curso educacional

O esmeralda confiante com brancos de giz evoca uma sala de aula moderna e quadros brancos nítidos. Essas combinações de verde e branco oferecem forte contraste para títulos sem ficarem agressivas. Combine com gráficos simples, caixas arredondadas e grades cinza claro para estrutura. Dica de uso: use esmeralda nos títulos das seções e mantenha o texto principal em branco quase puro para conforto em leitura longa.

Exemplo de imagem de giz esmeralda gerado com media.io

13) Pepino Fresco

HEX: #fdfffb #effae7 #d3f1b9 #86c55a #2d5320

Clima: vibrante, limpo, jovem

Melhor para: kit de marca para juice bar

Verdes de pepino vibrantes com branco puro passam sensação de frescor, suculência e jovialidade. Use o verde vivo moderadamente para logos, adesivos e pequenos destaques, evitando excesso visual. Combina bem com tipografia sans-serif ousada e fotos de frutas com muita luz. Dica de uso: adicione um verde neutro acinzentado para áreas de código de barras e ingredientes, mantendo a embalagem organizada.

Exemplo de imagem de pepino fresco gerado com media.io

14) Tipografia Samambaia

HEX: #fafcf8 #e6f2e0 #b9d4b1 #5e8a5c #233a26

Clima: literário, calmo, clássico

Melhor para: design de capa de livro

Verdes de samambaia suaves sobre branco lembram cantos de leitura tranquilos e estampas botânicas. Use o verde mais escuro para título e autor, mantendo os destaques em sálvia suave para um visual coeso. Combina bem com tipografia serifada e textura de papel leve. Dica de uso: evite preto puro e use o verde profundo para o contraste principal.

Exemplo de imagem de tipografia samambaia gerado com media.io

15) Casamento com Hera

HEX: #fffefb #eef5ee #cfe1d2 #7aa688 #2f5a45

Clima: romântico, elegante, natural

Melhor para: site de casamento e RSVP

Verdes românticos de hera sobre branco quente evocam votos ao ar livre e arcos folhosos. Use o verde mais pálido para fundos de página e o tom médio de hera para botões, separadores e destaques de RSVP. Combina lindamente com detalhes de escrita cursiva e ilustrações finas. Dica de uso: mantenha campos de formulário em branco puro para parecerem limpos e fáceis de preencher.

Exemplo de imagem de casamento hera gerado com media.io

16) Matcha Latte

HEX: #fbf7f0 #edf3e3 #cfe0b8 #8aa66b #3f4a33

Clima: aconchegante, suave, contemporâneo

Melhor para: renovação de marca para cafeteria

Verdes matcha aconchegantes com brancos cremosos lembram um café tranquilo e uma xícara quente nas mãos. Para uma paleta de verde e branco moderna, aposte na base cremosa e use os tons de matcha em placas, adesivos e templates para redes sociais. Combine com texturas de papel bege e ícones minimalistas para tornar acessível. Dica de uso: reserve o tom mais escuro para logotipos e pequenos textos para impressão nítida.

Exemplo de imagem de matcha latte gerado com media.io

17) Verde Glacial

HEX: #f5fbff #e1f5f2 #b9e3df #62a7a6 #254a4f

Clima: frio, sofisticado, voltado para tecnologia

Melhor para: ui kit para fintech

Verdes glaciais com brancos gelados passam sensação de precisão e modernidade, como dados limpos e movimento calmo. Use os tons claros nas superfícies e o teal-verde mais escuro para estados ativos, gráficos e alertas. Combina com ícones geométricos e sistema tipográfico contido. Dica de uso: diferencie estados de sucesso e info ajustando saturação, sem acrescentar cores extras.

Exemplo de imagem de verde glacial gerado com media.io

18) Concreto Musgoso

HEX: #f2f2ee #dee3db #aab7a6 #677a62 #2a322b

Clima: urbano, suave, sofisticado

Melhor para: site de estúdio de arquitetura

Musgo suave sobre brancos tipo concreto traz sensação urbana e arquitetônica, com confiança discreta. Use os cinzas claros como base principal e o verde musgo como assinatura sutil em links e marcadores. Combina bem com fotos monocromáticas e sistemas de grid robustos. Dica de uso: evite sombras pesadas e deixe que espaçamento e alinhamento façam o trabalho.

Exemplo de imagem de concreto musgoso gerado com media.io

19) Circuito Primavera

HEX: #f8fff9 #e6ffe9 #bff5c8 #4fd17a #214a32

Clima: brilhante, otimista, digital

Melhor para: slides de pitch deck para startup

Verdes primavera brilhantes sobre branco limpo transmitem energia, como lançamentos e iterações rápidas. Use o verde vivo como destaque para KPIs, ícones e métricas chave, enquanto mantém a maioria dos slides brancos para clareza. Combina bem com títulos em verde escuro e gráficos simples. Dica de uso: mantenha gradientes sutis para que os slides imprimam bem quando necessário.

Exemplo de imagem de circuito primavera gerado com media.io

20) Mercado de Ervas

HEX: #fffef6 #edf4e3 #cfe0b0 #7f9b4a #33421e

Clima: rústico, fresco, saudável

Melhor para: pôster para feira de produtores

Verdes de ervas saudáveis com branco quente evocam sacos de papel, maços frescos e placas escritas à mão. Essa combinação verde e branco é ideal para pôsteres que precisam ser rústicos, mas organizados. Combine com texturas estampadas, ilustrações simples e paleta tipográfica restrita para manter o visual amigável. Dica de uso: use o verde mais escuro para datas e local para garantir boa leitura.

Exemplo de imagem de mercado de ervas gerado com media.io

21) Botânica Editorial

HEX: #f9fbf5 #e7f1e1 #bfd6b6 #6f916f #2b3f2f

Clima: editorial, botânico, polido

Melhor para: layout de revista

Verdes botânicos polidos sobre branco suave lembram matérias editoriais em revistas de natureza. Esse esquema verde e branco favorece leitura longa enquanto oferece divisões claras entre seções. Combine com texto corpo serifado, margens generosas e legendas de fotos suavemente verdes. Dica de uso: use o tom mais escuro em citações de destaque para que se sobressaiam sem chegar ao preto.

Exemplo de imagem de botânica editorial gerado com media.io

22) Embalagem de Ervas de Jardim

HEX: #fffdf5 #f0f6e6 #d3e6c2 #8fbf73 #3a5d2e

Clima: fresco, prático, ecológico

Melhor para: embalagem de chá orgânico

Verdes de jardim frescos com branco quente transmitem consciência ecológica e honestidade, como produtos de despensa com rótulos simples. Combinações de verde e branco brilham nas embalagens quando a tipografia é limpa e um único verde define o bloco da marca. Combine com texturas de papel reciclado e pequenas ilustrações botânicas para autenticidade. Dica de uso: reserve o verde mais escuro para textos regulatórios e códigos de barras para garantir nitidez na impressão.

Exemplo de imagem de embalagem de ervas de jardim gerado com media.io

Quais cores combinam bem com branco e verde?

Verde e branco combinam naturalmente com neutros quentes como areia, creme, bege e kraft marrom—excelente para marcas e embalagens orgânicas que precisam transmitir conexão com a natureza. Para um visual mais premium, adicione pequenos detalhes de dourado ou latão (especialmente em acabamentos impressos).

Para UI moderno, o cinza (frio ou quente) ajuda a estruturar grids e separadores sem adicionar ruído. Verde-carvão profundo ou verde quase-negro funciona melhor para textos, pois mantêm contraste alto e bom alinhamento com o tema.

Se precisar de mais energia, use um destaque limitado: coral, terracota ou pêssego suave trazem acolhimento; azul-teal pode direcionar a paleta para tecnologia. Mantenha o uso de destaque pequeno (ícones, destaques, badges) para preservar a calma do esquema base.

Como usar uma paleta branco e verde em designs reais

Comece pelas proporções: deixe brancos em superfícies (fundos, cartões, margens) e use verdes claros para preencher seções e estados. Reserve o verde mais escuro para CTAs, navegação ativa e etiquetas importantes para que a interface fique organizada.

Para marcas e impressão, escolha um verde "assinatura" (médio ou profundo) e repita de forma consistente em logos, títulos e chamados. Combine o tom do papel com os brancos da sua paleta—brancos quentes costumam ser mais naturais que o branco óptico brilhante.

Sempre teste a acessibilidade e a legibilidade: textos pequenos devem ficar sobre um fundo quase branco com um tom de verde escuro/cinza carvão. Se um verde médio for muito claro para o texto, mantenha-o para fundos, chips ou formas grandes.

Crie visuais de paleta branco e verde com IA

Se você quiser visualizar um esquema de cores verde e branco antes de projetar, gere mockups rápidos com IA. Isso é especialmente útil para explorar diferentes temperaturas de verde (sálvia versus menta versus oliva) e conferir como elas ficam em layouts reais.

Reutilize os prompts acima, depois troque pelo nome da sua paleta, tipo de produto ou formato do layout (cartaz, landing page, embalagem, kit de UI). Mantenha “sem moldura de dispositivo” ou “fundo simples” quando quiser resultados limpos e editáveis.

Com o Media.io, você pode criar imagens baseadas em paletas em segundos e iterar até que o clima combine com sua marca.

Próximo: Paleta de Cores Marrom Dourado