Paleta de Cores Marrom e Verde: 20 Inspirações com Hexadecimal

As paletas de cores marrom-verde equilibram o calor terroso com o frescor natural, tornando-as fáceis de confiar e confortáveis de olhar.

De branding inspirado na floresta a interiores aconchegantes e interface de usuário moderna, essas combinações permanecem versáteis em design impresso e digital.

Por que as paletas marrom e verde funcionam tão bem

Marrom e verde são cores "do mundo real": madeira, solo, folhas, ervas, pedra e têxteis. Essa associação natural faz com que os designs se sintam fundamentados, calmos e credíveis – especialmente para marcas ecológicas, de bem-estar, de alimentos e de estilo de vida.

Visualmente, o verde muitas vezes carrega a estrutura (navegação, cabeçalhos, interface do usuário primária), enquanto o marrom adiciona calor e tactilidade. Juntos, eles criam contraste sem parecer áspero, o que ajuda os layouts a permanecerem legíveis e premium.

Como ambas as famílias incluem tons silenciosos e profundos, você pode marcar a vibração de arejado e moderno (sálvia + linho) para cinematográfico e temperamental (pinho + casca) sem mudar o tema geral.

20+ ideias de paleta de cores verde marrom (com códigos hexagonais)

1) Nogueira da floresta

hexagonal:#2F3E2E#556B2F#8A9A5B#7B4B2A#E7DDC8

humor:Aterrado e ao ar livre

Melhor para:branding e Embalagem Sustentáveis

Aterrado e ao ar livre, evoca pinheiros sombreados, caminhos musculosos e conchas de nozes quentes. Os verdes profundos dão autoridade, enquanto o castanho noz adiciona artesanato e herança. Use o tom de linho como espaço de respiração para rótulos, cabeçalhos e listas de ingredientes. Combine com texturas de papel não revestidas e um único sotaque metálico (latão ou cobre) para um acabamento ecológico premium.

Exemplo de imagem de forest walnut gerado usando media.io

Media.io

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

Experimente agora de graça

2) Terracota musgo

hexagonal:#3C4A3E#6E7F49#A3B18A#9B5A3C#F2E9DE

humor:Quente e artesanal

Melhor para:menus de cafés e branding de hospitalidade

Quentes e artesanais, esses tons parecem uma estufa iluminada pelo sol com vasos de argila e ervas frescas. A terracota traz apetite e simpatia, enquanto o musgo e a sálvia a mantêm calma e orgânica. Use o neutro cremoso para fundos de menu para melhorar a legibilidade sob iluminação quente. Uma dica: defina os títulos em terracota e reserve o verde mais escuro para os preços e chamadas à ação.

Exemplo de imagem de terracota musculosa gerada usando media.io

3) Prado de Cedro

hexagonal:#2E5339#4F6F52#B8C7A3#8B5E3B

humor:Calmo e acolhedor

Melhor para:design de interiores e decoração acolhedora

Calmo e acolhedor, sugere armários de cedro, plantas de interior de folhas e cortinas de linho arejadas. A gama meadow green funciona maravilhosamente em paredes ou tecidos, e o castanho cedro funda a sala com calor. Mantenha o creme leve para tetos ou aparar para evitar um olhar pesado. Dica: Repita o verde médio em dois lugares (tapete + arte) para fazer o espaço parecer intencional.

Exemplo de imagem de cedar meadow gerado usando media.io

4) Espresso de oliva

hexagonal:#283618#606C38#A1A86F#3B2F2F#EDE7D9

humor:Ousado e refinado

Melhor para:Embalagens e anúncios de café premium

Ousado e refinado, parece uma barra de café expresso envolta em folhas de oliveira e madeira escura. O marrom quase preto adiciona contraste de luxo, enquanto o azeitona e o caqui o mantêm acessível. Use o bege claro para painéis de ingredientes e notas de cerveja para que o design permaneça legível. Dica: Mantenha o tom mais escuro para áreas pequenas (logotipos, selos) para evitar escurecer demais o layout.

Exemplo de imagem de olive espresso gerado usando media.io

5) Linho de sálvia

hexagonal:#4A5D4E#90A183#C9D2B8#8C6A4A#FFF7EA

humor:Suave e arejado

Melhor para:Sites e blogs de bem-estar

Suave e arejado, traz à mente toalhas de spa, ervas cozidas no vapor e luz tranquila da manhã. A sálvia e o verde pálido criam uma base calmante, enquanto o marrom quente mantém a página fria. Use o linho quase branco como seu fundo principal para uma sensação editorial limpa. Dica: Defina os botões no deeper sage e use o marrom apenas para pequenos sotaques, como ícones ou divisores.

Exemplo de imagem de linho de salvia gerado usando media.io

6) Contraste da casca do pinho

hexagonal:#1F2D1F#3E5C3B#7C8F6A#5A3E2B#D9D2C3

humor:robusto e confiante

Melhor para:outdoor gear branding e Páginas de Produto

Resistentes e confiantes, esses tons se lêem como agulhas de pinheiro contra casca texturizada. O verde quase preto faz cabeçalhos e distintivos fortes, e o marrom da casca adiciona calor sem ficar rústico. Use o neutro de pedra pálida para dar espaço para respirar as fotos do produto. Dica: Mantenha os destaques de sotaque no verde médio para que os CTAs pareçam naturais, não neon.

Exemplo de imagem de contraste de casca de pinho gerado usando media.io

7) Estúdio Fern Clay

hexagonal:#314D3C#6B8F71#BFD8BD#A66A4C#F5EFE6

humor:Criativo e artesanal

Melhor para:ceramic studio branding e postagens sociais

Criativo e artesanal, lembra um estúdio de cerâmica com sombras de samambaia e argila fresca. O marrom argila funciona perfeitamente para carimbos e marcas, enquanto o verde samambaia suaviza o visual geral. Use o neutro pálido para modelos de postagem para que obras de arte e fotos permaneçam no foco. Dica: Experimente um logotipo de duas cores usando o verde mais escuro e argila para o personagem artesanal instantâneo.

Exemplo de imagem de fern clay studio gerado usando media.io

8) Abacate Cacau Pop

hexagonal:#2D3A2E#7A8F2A#C6D77A#6B4A2D#FFF1D6

humor:Brincalhão e fresco

Melhor para:Embalagem de lanche saudável

Lúdico e fresco, parece abacate fatiado e pontas de cacau em uma bancada de cozinha brilhante. O verde perfurado adiciona energia, enquanto o marrom cacau o mantém comestível e aterrado. Use o fundo cremoso para fazer informações nutricionais e ícones aparecerem. Dica: Mantenha o verde mais brilhante para um elemento de herói (distintivo de sabor ou listra) para que pareça intencional e não barulhento.

Exemplo de imagem de Abacate Cacau pop gerado usando media.io

9) Woodland Minimal

hexagonal:#223027#5C735F#B7C4B0#7C5C46#F7F4ED

humor:Tranquilo e moderno

Melhor para:Identidades de marca e logotipos mínimos

Silenciosa e moderna, a combinação sugere uma estética de cabine limpa com madeiras suaves e vegetação delicada. O verde escuro ancora os logotipos, enquanto o marrom quente traz um toque humano sem parecer vintage. Use o off-white como espaço negativo principal para um visual premium e minimalista. Dica: escolha um destaque (marrom ou verde médio) e deixe o restante apenas apoiar para manter a identidade nítida.

Exemplo de imagem de minimalismo inspirado em floresta gerado pelo media.io

10) Loja de Ervas Vintage

hexagonal: #3A4B3F #748C69 #D2C7A8 #8A5A3A #FBF1DF

humor: nostálgico e acolhedor

Melhor para: rótulos de boticário e kits de presente

Nostálgica e acolhedora, lembra antigas gavetas de boticário, ervas secas e etiquetas de papel. Os verdes enfumaçados transmitem confiança, e o marrom quente adiciona o charme das etiquetas feitas à mão. Use bege e creme como base do papel para reforçar o clima vintage. Dica: adicione ilustrações delicadas em linha no verde mais escuro para um acabamento coeso e de “mundo antigo”.

Exemplo de imagem da loja de ervas vintage gerado pelo media.io

11) Trilha Chuvosa

hexagonal: #1E2A24 #4C6A5A #93A89B #6A4E3B #DDE3DD

humor: instigante e natural

Melhor para: blogs de viagem e editoriais ao ar livre

Instigante e natural, lembra folhas molhadas, coníferas enevoadas e terra úmida após a chuva. Os verdes frios criam atmosfera, enquanto o marrom terroso mantém a paleta humana e conectada à natureza. Use o cinza-esverdeado como fundo suave para layouts de artigos e legendas de fotos. Dica: mantenha links e CTAs no verde médio para destacá-los sem quebrar o tom calmo.

Exemplo de imagem de trilha chuvosa gerado pelo media.io

12) Junípero do Deserto

hexagonal: #2C3B33 #6B7D5A #C7C6A2 #9A6B3F #F3E8D7

humor: aquecido pelo sol e sereno

Melhor para: gravuras botânicas e ilustrações de natureza

Aquecido pelo sol e sereno, remete a arbustos de junípero em trilhas arenosas e luz quente de cânion. O verde acinzentado parece seco e elegante, enquanto o marrom ocre traz calor do deserto. Use o tom areia como fundo do papel para que as obras fiquem arejadas. Dica: contorne as ilustrações no verde mais escuro para evitar linhas pretas fortes e manter o ar natural.

Exemplo de imagem de junípero do deserto gerado pelo media.io

13) Couro de Matcha

hexagonal: #2B3A2B #7E9B5A #D5E2B6 #6C4B36 #F8F2E4

humor: fresco e premium

Melhor para: lookbooks de moda e branding de boutiques

Fresco e sofisticado, estes tons lembram espuma de matcha com couro macio. Os verdes claros iluminam os layouts, e o marrom couro adiciona uma nota tátil de luxo. Use creme como base para manter o lookbook limpo e elegante. Dica: reserve o verde mais escuro para pequenos detalhes tipográficos, como títulos de seções, mantendo a elegância.

Exemplo de imagem de couro de matcha gerado pelo media.io

14) Pedra do Jardim

hexagonal: #2A3F33 #5F7A63 #AAB8A0 #7A5A44 #E8E2D6

humor: equilibrada e atemporal

Melhor para: sites de paisagismo e folders

Equilibrada e atemporal, lembra sebes aparadas, pisos de pedra e solo fértil. Os verdes transmitem profissionalismo e confiança, enquanto o marrom quente adiciona proximidade. Use o neutro claro de pedra para fundos de folders e blocos de texto mais longos. Dica: adicione linhas finas ou divisores na cor verde suave para estruturar sem rigidez.

Exemplo de imagem de pedra do jardim gerado pelo media.io

15) Bosque de Outono

hexagonal: #243428 #5C7B4B #B7B57E #8C5A2B #F4E8D8

humor: sazonal e acolhedora

Melhor para: cartazes de eventos de outono e promoções

Sazonal e aconchegante, remete à luz do fim da tarde em um bosque onde as folhas mudam de cor e o ar refresca. O marrom quente lembra casca torrada e os tons de verde-oliva mantêm o clima natural, sem exagerar no laranja. Use o creme claro em grandes áreas de fundo para garantir leitura à distância. Dica: use o tom mais escuro para a manchete e destaque datas com o marrom quente para leitura rápida.

Exemplo de imagem de bosque de outono gerado pelo media.io

16) Editorial Botânico

hexagonal: #1F3328 #557A5F #C2D3BE #7D5538 #FFF6E9

humor: elegante e calmo

Melhor para: spreads de revistas e design editorial

Elegante e calmo, lembra croquis botânicos em tinta sobre papel creme. O verde profundo é ótimo para títulos refinados, e o marrom adiciona calor a citações e legendas. Use creme claro como base de impressão e verde claro para blocos sutis de seção. Dica: mantenha as imagens levemente dessaturadas para que a tipografia seja destaque.

Exemplo de imagem de editorial botânico gerado pelo media.io

17) Cabana Aconchegante à Noite

hexagonal: #17231D #3F5A4A #7E8F83 #5B3B2E #D7D0C6

humor: intimista e atmosférico

Melhor para: capas de livros e pôsteres de filmes

Intimista e com clima noturno, lembra uma cabana ao entardecer com aquecedor de lenha aceso. O verde escuro quase preto cria um ar cinematográfico, e o marrom adiciona calor e narrativa. Use o bege acinzentado claro para títulos, assim mantêm-se legíveis em fundos escuros. Dica: insira granulação ou texturas suaves para dar atmosfera de noite sem poluir o design.

Exemplo de imagem de cabana aconchegante à noite gerado pelo media.io

18) Sinalização de Feira Fresca

hexagonal: #24402F #4F7C4A #A8C686 #7A4F2A #FFF3D9

humor: viva e saudável

Melhor para: placas de feira e etiquetas de produtores

Viva e saudável, lembra caixas de verduras empilhadas, folhas verdinhas e bancas de madeira. O verde claro transmite energia e frescor, enquanto o marrom quente traz autenticidade de feira. Use o amarelo creme como fundo para garantir contraste sob luz externa. Dica: mantenha a tipografia em negrito e simples e use o verde claro para informações secundárias como origem ou preço.

Exemplo de imagem de sinalização de feira fresca gerado pelo media.io

19) Sala de Aula Natural

hexagonal: #2E3D33 #6A8A5E #CFE3C2 #8B6A4E #FFF6E1

humor: amigável e acolhedora

Melhor para: pôsteres de sala de aula e materiais de aprendizagem

Amigável e aterrado, lembra cantos de aprendizagem com tema de natureza, plantas, papel reciclado e rotinas tranquilas. Os verdes mantêm o material suave, enquanto o marrom quente traz um toque de livro de histórias. Use creme claro para fichas de atividades, mantendo alta legibilidade para crianças. Dica: use verde médio para títulos e o tom mais escuro só para palavras-chave, evitando o cansaço visual.

Exemplo de imagem de sala de aula natural gerado pelo media.io

20) Eco UI Moderna

hexagonal: #20352A #4E7A5A #A9C7B5 #6E4E3A #F6F1E8

humor: limpa e confiável

Melhor para: dashboards fintech com abordagem sustentável

Limpa e confiável, sugere crescimento responsável—como um dashboard moderno suavizado por tons naturais. O verde escuro funciona para navegação e gráficos, e o marrom quente adiciona destaque distinto, sem chamar muita atenção. Use off-white como tela principal para manter muitos dados legíveis. Dica: aplique o marrom criteriosamente em alertas, destaques ou seleções para que a interface fique calma e profissional.

Exemplo de imagem de eco UI moderna gerado pelo media.io

21) Carvalho e Eucalipto

hexagonal: #2B3A33 #5E806B #B9D0C3 #7B5A3C #EFE7DB

humor: fresco e natural

Melhor para: convites de casamento e papelaria

Fresco e natural, lembra flores de eucalipto em convites de casamento tom carvalho. O verde suave é romântico sem ir para o pastel, e o marrom carvalho traz um toque clássico e firme. Use o neutro quente como papel para um visual sofisticado e tátil. Dica: imprima texto no tom mais escuro e use verde médio para detalhes como monogramas ou bordas.

Exemplo de imagem de carvalho e eucalipto gerado pelo media.io

Quais cores combinam bem com o verde marrom?

Neutros quentes (creme, linho, areia, pedra) deixam paletas marrom-verde mais leves e melhoram a legibilidade em UI, menus e layouts longos. Também ajudam fotos de produtos a parecerem mais naturais e menos distorcidas por cor.

Para destaques, experimente latão/cobre, terracota suave ou um mostarda claro para trazer energia sem perder o ar orgânico. Se quiser um acabamento mais frio e moderno, acrescente cinzas esverdeados ou carvão profundo em vez do preto puro.

Quando precisar de mais contraste, use tons quase pretos de pinho ou café-espresso para tipografia e pequenos badges; já os verdes mais vivos devem ser restritos a um elemento de destaque (CTA, faixa em etiquetas ou ponto-chave de dados).

Como usar uma paleta de cores verde marrom em desenhos reais

No branding, deixe o verde liderar como cor primária (marca de logo, navegação, base de embalagem) e use o marrom como destaque tátil em selos, bordas, ícones ou tipografia secundária. Assim a identidade fica natural e não excessivamente rústica.

Em interiores, repita um tom médio de verde em duas superfícies (tecidos + arte ou armário + decoração) e ancore o ambiente com um elemento em marrom madeira. Detalhes em creme claro em rodapés ou teto mantêm o clima leve.

Para impressos, prefira papel off-white e evite verdes muito saturados; tons levemente dessaturados transmitem visual mais premium e artesanal. Se precisar de metálicos, latão combina super bem com nogueira e oliva.

Crie visuais de paleta verde marrom com IA

Ao apresentar um conceito, mockups e amostras de paleta ajudam decisores a “sentir” o clima na hora—principalmente para embalagens, menus, pôsteres e telas de UI.

Com o text-to-image do Media.io, você pode gerar exemplos alinhados à sua marca (rótulos, dashboards, convites, pôsteres) usando prompts como os acima, e ajustar rapidamente trocando materiais, luz ou layout.

Comece escolhendo uma dessas paletas marrom-verde, defina o uso e gere variações até encontrar o contraste e a hierarquia mais naturais.

Próximo: Paleta de Cores Vermelha