22 Paletas de Cores: Marrom, Verde e Azul com Hexadecimal

Uma paleta de cores marrom verde azul funde o calor acolhedor (marrom), equilíbrio orgânico (verde) e clareza tranquila (azul). É uma mistura inspirada na natureza que funciona em branding, UI, embalagens e decoração de interiores.

Abaixo estão mais de 20 combinações selecionadas de marrom, verde e azul com códigos HEX, além de formas práticas de equilibrar o contraste e escolher destaques sem deixar o design poluído.

Por que paletas de marrom, verde e azul funcionam tão bem

Paletas marrom, verde e azul transmitem naturalidade imediata porque refletem o que vemos ao ar livre: tons de madeira e terra, folhagens e água ou céu. Essa familiaridade facilita a confiança em marcas e traz calma para interfaces.

Elas também oferecem uma gama funcional: marrom serve de base e aquece, o azul traz hierarquia e estrutura e o verde sinaliza status, categorias ou evidências “naturais”. Com um tom claro e neutro, a paleta permanece legível, não carregada.

Ainda mais importante, a mistura traz contraste e coesão. Se controlar a saturação e definir funções claras (fundo, texto, destaque), você tem um visual sofisticado e equilibrado, sem o clichê de floresta poluída.

20+ Ideias de Paletas de Cores Marrom Verde Azul (com Códigos HEX)

1) Chalé à Beira do Rio

HEX: #4b2e1e #6b8f3a #1f5a7a #e7dcc8 #2b2b2b

Clima: rústico, acolhedor, aconchegante

Melhor para: moodboard de decoração interna de chalé

Rústico e conectado ao chão, remete a um chalé à beira do rio ao entardecer, com sombras de pinheiro e a calma da água azul. Use o marrom nos detalhes de madeira, o verde em têxteis e o azul para uma parede de destaque ou obra de arte. O off-white cremoso evita que tudo fique pesado e faz a paleta parecer proposital. Dica: repita o azul duas vezes em pequenos objetos para criar ritmo sem dominar o ambiente.

Exemplo de imagem de chalé à beira do rio gerado com media.io

Media.io

O Media.io é um estúdio de IA online para criar e editar vídeos, imagens e áudio diretamente no navegador.

Experimente grátis agora

2) Pinheiro Litorâneo

HEX: #5a3a24 #2f6b4f #2a6f97 #f3efe6 #0f2430

Clima: fresco, natural, moderno

Melhor para: mockup de landing page de marca de viagens

Fresco e ao ar livre, lembra pinheiros na costa diante de um horizonte azul claro. O tom escuro próximo ao marinho é perfeito para títulos e navegação, enquanto o off-white claro deixa as seções leves. Use o verde em botões e ícones, e o azul mais vivo para destaques como links ou estados ativos. Dica: mantenha o texto principalmente no tom escuro para contraste e use as cores para navegação e destaques.

Exemplo de imagem de pinheiro litorâneo gerado com media.io

3) Denim com Musgo

HEX: #6a4027 #7a9b4a #2d5f86 #d8d2c5 #3a3f44

Clima: casual, natural, descontraído

Melhor para: layout de lookbook de roupas

Casual e natural, lembra um jeans desgastado, lona ao sol e um toque de musgo do jardim. O azul esmaecido serve de fundo forte para fotos sem roubar atenção das imagens principais. Use o verde para pequenos destaques editoriais, como marcadores de seção, ícones ou etiquetas de preço. Dica: mantenha o marrom nos detalhes e legendas para dar um toque artesanal e sofisticado.

Exemplo de imagem de denim com musgo gerada pelo media.io

4) Lago Alpino

HEX: #3f2718 #3f7a4a #1f6d8f #f1e6d2 #1a1f22

Clima: aventureiro, nítido, natural

Melhor para: design de embalagem para equipamentos outdoor

Nítido e aventureiro, evoca trilhas alpinas, água de lago e couro desgastado. Esse esquema de marrom, verde e azul funciona muito bem em embalagens resistentes, trazendo referências à natureza sem exagerar no rústico. Use o quase-preto para nomes de produtos, o azul petróleo em selos e o verde para informações secundárias, como características e tamanhos. Dica: imprima o marrom em textura fosca para dar acabamento tátil e sofisticado.

Exemplo de imagem de lago alpino gerada com media.io

5) Diário de Campo Vintage

HEX: #7b4a2a #5f7f3a #3c6f8f #efe3cf #2f2a24

Clima: nostálgico, acadêmico, calmo

Melhor para: layout de matéria de revista

Nostálgico e calmo, parece um diário antigo cheio de folhas prensadas e desenhos a tinta. O tom de papel aquecido é um ótimo fundo para leituras longas, e o marrom escuro enraíza os títulos. Use azul para chamadas ou infográficos, e coloque o verde apenas em pequenas navegações de seção. Dica: mantenha as imagens ligeiramente dessaturadas para que a paleta fique coesa e editorial.

Exemplo de imagem de diário de campo vintage gerada com media.io

6) Cedro, Pinheiro e Surf

HEX: #5c341f #2f7b57 #2b7aa0 #f7f1e3 #163042

Clima: animado, acolhedor, limpo

Melhor para: design de cardápio de café

Animado e aconchegante, traz à cabeça balcões de cedro, ervas frescas e um toque de água com gás. Use o azul escuro nos títulos das seções do cardápio para facilitar a leitura, o verde para ícones ou itens em destaque, e o marrom aquece a fotografia gastronômica, deixando o design artesanal em vez de impessoal. Dica: coloque o fundo em creme suave e evite branco puro para um visual mais apetitoso.

Exemplo de imagem de cedro, pinheiro e surf gerada com media.io

7) Bosque do Porto Profundo

HEX: #3a2417 #2f5f46 #204f72 #e6dfd3 #0f1113

Clima: sério, estável, confiável

Melhor para: UI de dashboard financeiro

Sério e estável, lembra um porto profundo cercado de mata perene. Os tons escuros dão peso a gráficos e cards, enquanto o neutro claro impede que a interface fique sombria. Use azul para botões principais e estados selecionados e guarde o verde para indicadores positivos e controles secundários. Dica: reserve o quase-preto para textos e divisores, mantendo a leitura mesmo em tamanhos menores.

Exemplo de imagem de bosque do porto profundo gerada com media.io

8) Oásis do Deserto

HEX: #8a5a34 #6d8b3d #2f6c8f #f2e2c6 #2c2a28

Clima: aquecido pelo sol, artístico, marcante

Melhor para: flyer de evento

Aquecida pelo sol e artística, lembra um oásis no deserto, com água azul-cinza cortando trilhas arenosas. A base bege serve de fundo texturizado e quente para pôster, e o azul é ideal para o título do evento, enquanto o verde destaca informações de apoio como data e local. Dica: adicione um leve efeito granulado para unir as cores e evitar que o design fique plano demais.

Exemplo de imagem de oásis do deserto gerada com media.io

9) Cabeceira Chuvosa

HEX: #4f3324 #4b7a5a #2d5e7c #e9e2d8 #4a4f52

Clima: enevoado, calmo, contemplativo

Melhor para:ilustração botânica em aquarela

Nebuloso e tranquilo, parece uma trilha sob chuva onde a casca molhada e a folhagem se dissolvem em uma distância azul-acinzentada. O azul frio é ideal para sombras e profundidade, enquanto o verde carrega as formas das folhas sem ficar neon. Mantenha a luz neutra como o tom do papel, e use marrom para galhos ou lavagens texturizadas. Dica: limite-se a duas intensidades de pigmento por cor para que a ilustração permaneça arejada e coesa.

Exemplo de imagem de trilha chuvosa gerada usando media.io

10) Couro Verde-Água Samambaia

HEX: #6b3f25 #3b7a4b #1e7b93 #f4e8d8 #1c2b2f

Clima:premium, confiante, ao ar livre

Melhor para:anúncio de produto bolsa de couro

Premium e confiante, sugere um trabalho em couro com um toque de azul petróleo moderno. O marrom intenso remete ao material em primeiro lugar, enquanto o teal e o verde trazem uma vibe contemporânea de natureza. Use o off-white para espaço negativo e especificações do produto para manter o anúncio limpo e sofisticado. Dica: mantenha o fundo neutro e permita que um elemento teal marcante conduza o chamado para ação.

Exemplo de imagem de couro samambaia teal gerada usando media.io

11) Bancada Botânica

HEX: #5a3b2a #3f7d4f #2c6f9a #efe7da #243137

Clima:prático, calmo, artesanal

Melhor para:UI de site de estúdio maker

Prático e calmo, lembra uma bancada organizada cercada de recortes de plantas e frascos rotulados. Este esquema de cores marrom, verde e azul é ótimo para marcas manuais por equilibrar aconchego com clareza. Use azul para links e estados interativos, mantenha o verde para filtros de categoria e deixe o marrom aparecer em ícones ou ilustrações. Dica: defina painéis de conteúdo grandes no neutro suave para fotos de produtos fiéis à cor.

Exemplo de imagem de bancada botânica gerada usando media.io

12) Capim Marinho à Meia-noite

HEX: #2e1c14 #2a6b5a #163f66 #dcd4c8 #0b0f12

Clima:intenso, elegante, cinematográfico

Melhor para:design de capa de álbum

Denso e cinematográfico, traz água à meia-noite, silhuetas de capim marítimo e um toque de madeira defumada. O azul profundo e o quase preto criam drama instantâneo para a tipografia, enquanto o verde esmaecido adiciona movimento orgânico. Use o neutro claro pontualmente para texto de faixa ou um pequeno emblema mantendo a capa escura e envolvente. Dica: adicione uma vinheta suave e mantenha o contraste controlado para evitar bordas duras.

Exemplo de imagem do capim marinho à meia-noite gerada usando media.io

13) Argila e Alga Marinha

HEX: #8b5e3c #4f7f52 #2f6f88 #f6eddc #3a3a35

Clima:terroso, artesanal, equilibrado

Melhor para:identidade de marca de estúdio cerâmico

Terroso e artesanal, lembra argila moldada à mão junto de algas e tons azuis de piscina natural. O marrom quente é ideal para logos e texturas tipo carimbo, enquanto o azul mantém a identidade fresca e litorânea. Use o verde como destaque em padrões, etiquetas ou nas redes sociais para adicionar vida sem exagerar. Dica: tente papel não revestido para que a paleta fique suave e tátil, em vez de brilhante.

Exemplo de imagem de argila e alga marinha gerada usando media.io

14) Atlas do Jardim

HEX: #6e452b #6a8f45 #2b6a8c #f1eadc #273038

Clima:curado, informativo, natural

Melhor para:apresentação infográfica

Curado e informativo, parece um atlas de jardinagem com rótulos organizados e mapas em aquarela. O azul médio é excelente para gráficos e destaques, enquanto o verde comunica categorias de forma natural. Use marrom para títulos ou divisores mantendo tudo ancorado e legível sobre o fundo claro. Dica: mantenha os ícones simples e consistentes para que a paleta conte a história.

Exemplo de imagem de atlas do jardim gerada usando media.io

15) Casca e Baía

HEX: #4a2d1c #3c7a55 #2a5d7d #e8e0d3 #1e2428

Clima:sólido, clássico, outdoor

Melhor para:design de capa de livro

Sólido e clássico, sugere texturas de casca encontrando uma baía protegida. Tons mais escuros apoiam títulos ousados e contraste forte, enquanto o neutro claro impede que a capa fique pesada. Use verde para pequenos motivos ou para destacar o nome do autor, e mantenha o azul para a ilustração principal ou bloco visual. Dica: escolha uma fonte ligeiramente condensada para um design atemporal, não passageiro.

Exemplo de imagem de casca e baía gerada usando media.io

16) Manta de Piquenique Azul

HEX: #7a4b2a #4f8a4f #2f7aa6 #fff3df #2b2d2f

Clima:alegre, amigável, vibrante

Melhor para:cartaz de festival familiar

Alegre e amigável, remete a uma toalha de piquenique sob o céu azul com verdes frescos por perto. O azul mais vivo pode ser usado no título principal, enquanto o verde sustenta subtítulos e elementos de navegação como setas ou mapas. Use marrom como destaque para bordas, selos ou marcas de patrocinador e evitar um visual flutuante. Dica: deixe bastante espaço creme para manter a vibração ensolarada e arejada.

Exemplo de imagem de manta de piquenique azul gerada usando media.io

17) Verde-trovão

HEX: #3b2418 #2f6a4a #2b5873 #e3dccf #15181a

Clima:dramático, refinado, enraizado

Melhor para:telas de onboarding SaaS

Dramático e refinado, lembra nuvens de tempestade sobre cristas de pinheiros. O tom azul acinzentado é excelente para painéis grandes e ilustrações, enquanto o verde pode guiar estados de progresso sem exagero de brilho. Marrom quente adiciona um toque humano sutil em ícones ou microdestaques, equilibrando os tons frios. Dica: mantenha os degradês mínimos e foque em preenchimentos sólidos para um visual de produto premium e estável.

Exemplo de imagem de verde-trovão gerada usando media.io

18) Costa de Cobre

HEX: #9a5b33 #4d7c55 #2b6f93 #f2e7d3 #1e2a2f

Clima:quente, polido, costeiro

Melhor para:embalagem e rótulo de café

Quente e polido, remete a reflexos de cobre num calçadão litorâneo com brisa marinha ao fundo. Combinações de marrom, verde e azul como essas são ideais para rótulos de café que querem ser artesanais e modernos. Coloque o marrom quente no logo e nas notas de torra, use azul para badge de origem ou degustação, e deixe o verde para sustentabilidade ou selos. Dica: teste o azul em tamanhos pequenos na impressão para garantir legibilidade no papel creme.

Exemplo de imagem de costa de cobre gerada usando media.io

19) UI Minimalista Floresta

HEX: #5a341e #3f7a52 #2a6a86 #f5efe4 #202427

Clima:minimalista, calmo, guiado pela natureza

Melhor para:UI kit de app de produtividade

Minimalista e calmo, tem a sensação de uma floresta silenciosa com cor suficiente apenas para guiar o olhar. Use o neutro suave no fundo, depois escolha azul para ações principais e guias ativas. Verde pode indicar tarefas concluídas ou estados de sucesso, enquanto o marrom funciona bem para divisores e contornos de ícones discretos. Dica: mantenha a saturação consistente entre os componentes para que a UI se mantenha coesa em ambientes claros ou escuros.

Exemplo de imagem de UI minimalista floresta gerada usando media.io

20) Poster Lago

HEX: #6a3f24 #4d8a5a #2f6f9e #f7ecd9 #2a2d30

Clima:fresco, gráfico, otimista

Melhor para:design de pôster artístico

Fresco e gráfico, lembra uma cena ensolarada à beira do lago reduzida a formas limpas e blocos de cor marcantes. O azul vibrante cria um ponto focal, enquanto o verde apoia formas secundárias como árvores ou colinas. Use marrom para contornos ou uma pequena faixa de título para manter o pôster ancorado. Dica: limite-se a três grandes áreas de cor e permita que o fundo creme dê respiro à composição.

Exemplo de imagem de poster lago gerada usando media.io

21) Embalagem Herbário

HEX: #7a4a2b #3e7b4a #2a6286 #f4e8d2 #2c2a26

Clima:limpa, botânica, confiável

Melhor para:kit de embalagem de skincare

Limpa e botânica, lembra uma gaveta de herbário com etiquetas, folhas secas e notas à mão. O creme suave deixa o conjunto delicado e amigável para a pele, enquanto os tons profundos agregam credibilidade e contraste. Use azul para diferenciação entre tipos de produto e o verde para destacar ingredientes ou selos. Dica: reserve o marrom para pequenas áreas como tampas ou carimbos da marca a fim de evitar peso visual.

Exemplo de imagem de embalagem herbário gerada usando media.io

22) Kit de Marca do Estúdio

HEX: #5b3620 #5a8a55 #2d6c8e #f3eadc #1f262b

Clima:confiante, moderno, versátil

Melhor para:apresentação de guia de marca

Confiante e moderno, lembra uma mesa de estúdio onde materiais quentes encontram estrutura limpa e fria. Uma paleta marrom, verde e azul é versátil para marcas que querem parecer acessíveis e profissionais. Use o slate profundo para tipografia, mantenha o creme como fundo padrão, e reserve azul e verde para sistemas como gráficos, links e destaques. Dica: documente claramente o papel de cada cor no guia para dar consistência ao time no digital e impresso.

Exemplo de imagem de kit de marca do estúdio gerada usando media.io

Quais cores combinam com marrom, verde e azul?

Neutros claros são os melhores parceiros para marrom, verde e azul—pense em creme quente, areia ou cinza suave—porque deixam a paleta leve e garantem legibilidade do texto. Eles também ajudam a separar tons terrosos dos azuis frios, evitando que o visual fique turvo.

Para dar destaque extra, tente detalhes quentes controlados como cobre, terracota ou mostarda suave. Se quer um caminho mais limpo e moderno, adicione branco puro e quase preto (carvão) para texto e divisores.

Quando precisar de um toque suave, rosa queimado ou coral discreto funcionam surpreendentemente bem com tons teal/floresta, desde que permaneçam dessaturados e usados com parcimônia.

Como usar uma paleta marrom, verde e azul em projetos reais

Defina os papéis antes de criar: use um neutro claro como fundo principal, um tom carvão profundo para texto, e escolha azul ou verde como cor de ação primária. Mantenha o marrom como destaque “materiais” (bordas, ícones, rótulos, texturas) para não sobrecarregar o layout.

Equilibre a temperatura combinando marrom quente com azul frio na mesma área visual, depois utilize verde para unir os dois. Em UI, reserve verde para estados de sucesso e filtros, e use azul para links, foco e estados selecionados, mantendo o comportamento previsível.

Para impressão e branding, evite usar as três cores com saturação máxima. Suavizar um pouco o verde e o azul geralmente deixa o marrom mais rico e sofisticado.

Crie visuais de paleta marrom verde azul com IA

Se você está apresentando um conceito ou montando um mood board, visuais de IA ajudam a testar como seus tons de marrom, verde e azul se comportam em cenas reais—embalagens, interiores, pôsteres e quadros de interface—antes de decidir pela produção.

Comece com um prompt simples descrevendo o formato do design (pôster, site, rótulo), depois especifique o clima (rústico, moderno, cinematográfico) e suas cores principais como materiais ou detalhes. Itere mudando apenas uma variável de cada vez (iluminação, textura ou composição) para manter a consistência.

Use Media.io para gerar exemplos rápidos e temáticos que você pode compartilhar com clientes ou colegas.

Próximo: Paleta de Cores Marrom Saddle