23 Combinações de Azul, Verde e Marrom: Tons, Hex e Ideias com IA

Uma paleta de cores azul, verde e marrom é uma das formas mais fáceis de unir "frescura" e "conexão com a terra" em um mesmo design. Tons de verde-azulado e oceano trazem clareza, enquanto neutros de madeira e terra adicionam calor e confiança.

Do branding rústico moderno até telas de interface calmas e interiores aconchegantes, essas combinações permanecem versáteis porque equilibram temperaturas frias e quentes, além do contraste entre claro e escuro.

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

Tons azul-esverdeados (verde-água, espuma do mar, azul-petróleo profundo) naturalmente transmitem frescor, água e calma — então são perfeitos para interfaces e marcas que buscam clareza sem parecer estéreis. Também costumam parecer "limpos" tanto no digital quanto no impresso.

Tons de marrom adicionam uma camada humana e tátil: madeira, couro, argila, café ou terra. Esse calor faz o teal parecer mais acessível e sofisticado, especialmente quando você ancora a paleta com um tom quase preto para a tipografia.

Juntos, azul, verde e marrom criam um equilíbrio entre quente e frio confiável que funciona em todas as estações e estilos — do minimalismo costeiro ao lodge moderno — mantendo contraste suficiente para um design acessível.

Mais de 20 ideias de paletas de cores azul, verde e marrom (com códigos HEX)

1) Cedro Costeiro

HEX: #1B6F7A #2E9BA3 #A7D8D1 #8B6B4E #2B2A28

Clima: fresco, conectado à terra, costeiro

Melhor para: identidade visual de marca de estilo de vida ao ar livre

O ar fresco do mar encontra o cedro aquecido pelo sol, equilibrando tons nítidos de azul-esverdeado com tons confiantes de madeira. Funciona lindamente para marcas outdoor, cafés e embalagens que buscam um visual limpo mas terroso. Combine com branco quente e uma tipografia sem serifa discreta para manter a modernidade. Dica de uso: use o carvão escuro para textos e reserve o aqua claro para destaques e selos.

Exemplo de imagem do cedro costeiro gerado no media.io

Media.io

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

Experimente grátis agora

2) Trilha à Beira do Rio

HEX: #0F4C5C #2A7F62 #9CC9B7 #B48A61 #3B2F2A

Clima: aventureiro, natural, calmo

Melhor para: destaque e seções de um blog de viagens

Aventureiro e calmo, como uma trilha sombreada à margem do rio com bancos de argila e água profunda. Esses tons funcionam bem em layouts web porque o azul-esverdeado escuro ancora títulos, enquanto o suave tom de menta apoia seções espaçosas. Combine com fundos branco sujo e divisores cinza quente para evitar contraste excessivo. Dica de uso: mantenha fotos levemente dessaturadas para que a paleta mantenha o controle.

Exemplo de imagem de trilha à beira do rio gerado no media.io

3) Estudo Vintage

HEX: #123B4A #2F7C7A #C7E3DC #7A5A3C #E8D8C6

Clima: clássico, acadêmico, aconchegante

Melhor para: layout de matéria em revista editorial

Clássico e acadêmico, como um estudo vintage com encadernação em tecido teal e couro envelhecido. Essa paleta azul, verde e marrom se destaca no design editorial quando você quer autoridade sem frieza. Use o creme como base, depois o teal mais escuro para títulos de seções e chamadas. Dica de uso: texto corrido em quase preto e marrom apenas como destaque premium.

Exemplo de imagem de estudo vintage gerado no media.io

4) Cabana em Lago Alpino

HEX: #0B2F3A #1F6A6E #77B7B0 #6E5138 #D9D2C7

Clima: silencioso, nítido, rústico

Melhor para: interface e telas de reserva de cabana

Silencioso e nítido, como um lago alpino diante de uma cabana de madeira ao amanhecer. A faixa de teal suave deixa a interface calma, enquanto marrons adicionam calor e confiança ao fluxo de reservas. Combine com bastante espaço em branco e cantos suavemente arredondados para dar boas-vindas. Dica de uso: use o tom claro de pedra como fundo e mantenha botões primários no teal médio para clareza.

Exemplo de imagem de cabana em lago alpino gerado no media.io

5) Terracota Musgosa

HEX: #205B63 #4C8C7A #BFDCCF #A06B4F #3A3A34

Clima: terroso, artesanal, quente

Melhor para: embalagem e rótulos de produtos em cerâmica

Terroso e artesanal, como musgo em vasos de barro após uma leve chuva. Os tons verde-azulados tornam a terracota quente mais sofisticada, sem parecer rústica demais. Combine com papéis texturizados e marca simples em estilo carimbo para um visual autêntico. Dica de uso: imprima o tom mais escuro para textos pequenos, assim rótulos permanecem legíveis em materiais kraft.

Exemplo de imagem de terracota musgosa gerado no media.io

6) Surf e Sela

HEX: #0E5B6E #2CA7A5 #D2F0EA #8A5C3C #1C1B1A

Clima: ousado, esportivo, confiante

Melhor para: anúncio de produto para smartwatch robusto

Ousado e esportivo, como respingos de mar em equipamentos de couro desgastado. O teal vívido traz energia, enquanto o marrom sela mantém o visual robusto e sofisticado. Combine com fotos de alto contraste e poucas palavras para deixar as cores fazerem o trabalho. Dica de uso: use o aqua claro como brilho ou destaque de UI, nunca como fundo total, para não diluir o anúncio.

Exemplo de imagem de surf e sela gerado no media.io

7) Mensageiro Botânico

HEX: #164B5B #3A8576 #B7D7C8 #C2A07C #F4EFE7

Clima: botânico, suave, vintage

Melhor para: conjunto de convite botânico em aquarela

Botânico e delicado, como folhas prensadas em um envelope antigo. Essas combinações de azul, verde e marrom ficam especialmente graciosas em aquarelas florais e papéis suaves. Combine com títulos em serif e escrita cursiva leve para nomes, mantendo o contraste sutil e elegante. Dica de uso: deixe o creme liderar como espaço negativo e use o bege para bordas e pequenos detalhes.

Exemplo de imagem de mensageiro botânico gerado no media.io

8) Pátina de Museu

HEX: #0C3C49 #2F6F6D #8FC2B7 #6A4B34 #CFC7BC

Clima: atemporal, refinado, sóbrio

Melhor para: série de pôsteres para exposição de museu

Atemporal e refinado, como bronze envelhecido ao lado de madeira polida em uma galeria silenciosa. O teal sóbrio transmite sofisticação e deixa que a tipografia seja protagonista. Combine com grid forte, margens generosas e uma única cor de destaque usada de forma consistente na série. Dica de uso: mantenha tons foscos de fundo e evite brancos brilhantes para um ar mais de arquivo.

Exemplo de imagem de pátina de museu gerado no media.io

9) Jeans de Fogueira

HEX: #1A4F6A #2F7D7C #A9D6D2 #9A6A48 #2F2A26

Clima: aconchegante, ao ar livre, robusto

Melhor para: quadro de menu de cafeteria e sinalização

Aconchegante e robusto, como jaquetas jeans ao redor de uma fogueira e vapor de um café coado fresco. O azul profundo mantém os menus legíveis, enquanto o marrom quente destaca os pontos apetitosos. Combine com texturas de giz ou granulação sutil para um estilo artesanal. Dica de uso: use o aqua claro apenas para pequenos destaques, para que o quadro não fique pastel.

Exemplo de imagem de jeans na fogueira gerado pelo media.io

10) Biblioteca Silenciosa

HEX: #13323B #2C6E73 #9AC0BB #7B5C44 #EFE7DD

Clima: calmo, intelectual, reconfortante

Melhor para: onboarding de aplicativo de leitura e UI de paywall

Calmo e intelectual, como a luz suave em estantes antigas e uma sala de leitura silenciosa. Os tons teal trazem uma qualidade repousante às telas digitais, enquanto o marrom acrescenta calor humano. Combine com fundos cremosos e bastante espaço entre linhas para facilitar a leitura. Dica de uso: reserve o tom mais escuro para texto principal e ícones para manter o contraste acessível.

Exemplo de imagem de biblioteca silenciosa gerada pelo media.io

11) Oficina Pacífica

HEX: #0F5668 #1F8A86 #BFE7DF #7C5134 #F7F2EA

Clima: limpo, artesanal, moderno

Melhor para: página inicial para estúdio de móveis artesanais

Limpo e focado no artesanal, como uma oficina pacífica com serragem, ar do mar e tábuas organizadas. Esta combinação de azul, verde e marrom parece moderna quando associada à fotografia simples de produtos e espaços em branco destacados. Deixe o teal para elementos interativos e o marrom como referência suave à madeira real. Dica de uso: mantenha o mint para estados de hover e divisões sutis de seção.

Exemplo de imagem de oficina pacífica gerado pelo media.io

12) Casinha de Jardim

HEX: #194A4D #3E8E82 #D7EFE7 #B07D55 #4B3B2E

Clima: prático, ensolarado, acolhedor

Melhor para: cartaz de oficina DIY e flyer de aula

Prático e ensolarado, como uma casinha de jardim arrumada com ferramentas pintadas e prateleiras de madeira quente. O teal traz clareza aos títulos, enquanto o caramelo deixa tudo amigável e acessível. Combine com ícones ousados e layout simples de duas colunas para leitura rápida. Dica de uso: use o mint claro como espaço negativo para que o flyer fique arejado.

Exemplo de imagem de casinha de jardim gerado pelo media.io

13) Costa do Espresso

HEX: #0C4152 #1F7E83 #A2D4CF #4B2E23 #D9C7B5

Clima: soturno, premium, costeiro

Melhor para: embalagem de marca de café e cartões de fidelidade

Soturno e premium, como crema de espresso em uma costa chuvosa. O marrom profundo traz riqueza imediata, enquanto o azul esverdeado mantém a sensação fresca e contemporânea. Combine com acabamentos foscos e arte minimalista para elevar a marca sem parecer excessivo. Dica de uso: mantenha o bege claro para os fundos e reserve o tom espresso para logotipos e selos.

Exemplo de imagem da costa do espresso gerado pelo media.io

14) Vidro do Mar Rústico

HEX: #0F3E46 #2D7D73 #C8E7DD #8E6A4A #F1E9DD

Clima: relaxado, envelhecido, acolhedor

Melhor para: moodboard de banheiro e guia de estilo

Relaxado e envelhecido, como vidro do mar coletado numa cesta de vime ao lado de madeira à deriva. Esta paleta de azul, verde e marrom é uma aposta fácil para interiores que buscam calma de spa sem ficar gelados. Combine com pedra natural, latão escovado e tecidos de linho para um visual em camadas. Dica de uso: repita o teal médio em dois ou três pequenos elementos decorativos para dar intenção ao esquema.

Exemplo de imagem de vidro do mar rústico gerado pelo media.io

15) Lodge Moderno

HEX: #0E2E36 #246B6F #7FB8B0 #A6794F #E6DDCF

Clima: rústico moderno, calmo, confiante

Melhor para: kit de UI para site de reservas de hotel

Rústico moderno e calmo, como um lobby de lodge com linhas limpas, mantas de lã e madeira polida. Os tons mais escuros tornam CTAs e navegação sólidos, enquanto o teal suave mantém a atmosfera leve. Combine com neutros quentes e sombras sutis para um kit UI premium. Dica de uso: limite os marrons de destaque a preços, avaliações e ícones chave para evitar layout poluído.

Exemplo de imagem de lodge moderno gerado pelo media.io

16) Minimal Teal Bronze

HEX: #103741 #2E7B7E #B6DFD8 #7E5A3A #FAF6F0

Clima: minimalista, elegante, equilibrado

Melhor para: dashboard UI de saas com cartões analíticos

Minimalista e elegante, como bronze escovado junto ao vidro teal frio. A paleta se mantém legível em dashboards porque traz um tom escuro claro e dois destaques controlados. Combine com divisórias finas, gráficos simples e cinza neutro para texto secundário. Dica de uso: use o teal para estados ativos e o bronze-marrom apenas para alertas ou KPIs de destaque.

Exemplo de imagem de minimal teal bronze gerado pelo media.io

17) Calçadão Chuvoso

HEX: #0A3A44 #1D6B73 #8CC6C3 #9B7652 #2A2422

Clima: soturno, cinematográfico, urbano-costeiro

Melhor para: capa de álbum e tiles promocionais para redes sociais

Soturno e cinematográfico, como tábuas molhadas num calçadão sob luzes teal de rua. A base escura dá drama, enquanto o teal médio e o marrom quente evitam monotonia. Combine com granulação, tipografia de alto contraste e formas geométricas minimalistas para uma estética musical moderna. Dica de uso: mantenha o texto no tom mais claro e evite branco puro para conservar o clima.

Exemplo de imagem do calçadão chuvoso gerada pelo media.io

18) Recife de Outono

HEX: #144C59 #2B8E8A #CFEDE6 #B06E45 #5A3B2B

Clima: vibrante, sazonal, divertido

Melhor para: cabeçalho de newsletter sazonal por email e ilustrações

Vibrante e sazonal, como formas de coral flutuando em água teal com toque de especiarias de outono. Essas combinações de azul, verde e marrom são ótimas para newsletters pois são animadas sem serem neon. Combine com ícones ilustrados simples e fundo branco quente para facilitar a leitura. Dica de uso: mantenha o marrom especiado para botões e links-chave, tornando os cliques intencionais.

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

19) Diário de Campo

HEX: #0F3842 #2A706A #A7D1C4 #8C6848 #E9E1D6

Clima: reflexivo, orgânico, organizado

Melhor para: design de capa de caderno e kit de papelaria

Reflexivo e orgânico, como um diário de campo cheio de desenhos e anotações de trilhas. Os verdes frios mantêm o foco, enquanto o marrom transmite sensação artesanal e tátil. Combine com desenhos de linha mínimos, grids de pontos e texturas de papel reciclado. Dica de uso: imprima o teal como cor principal da capa e use o marrom nos detalhes da lombada e pequenas marcas.

Exemplo de imagem de diário de campo gerado pelo media.io

20) Oficina do Porto

HEX: #0D3F4B #2C7E83 #B9E4DE #7A4E35 #F3EEE6

Clima: industrial, limpo, confiável

Melhor para: página de produto ecommerce de marca de ferramentas

Industrial e confiável, como oficina no porto com aço pintado e cabos lubrificados. O teal reforça o estilo moderno e confiável, enquanto o marrom sinaliza durabilidade e trabalho artesanal. Combine com fotografia de produto afiada, tabelas de especificações claras e iconografia contida. Dica de uso: use o tom mais escuro nos títulos e o teal médio para estados de seleção e abas.

Exemplo de imagem de oficina do porto gerada pelo media.io

21) Maré do Canyon

HEX: #0B3A47 #1F7B7D #9FD7D2 #B07A55 #3C2E2A

Clima: dinâmico, ao ar livre, energético

Melhor para: cartaz de evento esportivo de corrida de trilha

Dinâmico e ao ar livre, como poças de maré encontrando rochas do canyon após uma tempestade. O contraste entre teal frio e marrom areia faz os títulos sobressaírem e mantém o layout esportivo. Combine com tipografia condensada e ícones de percurso para rápida compreensão. Dica de uso: coloque o teal claro atrás de blocos de informação para mais legibilidade sem usar branco.

Exemplo de imagem de maré do canyon gerado pelo media.io

22) Samambaia e Nogueira

HEX: #123C3F #2E7C68 #C6E7DA #6B452F #EDE5D8

Clima: natural, premium, sereno

Melhor para: logo de marca wellness e sistema de embalagem

Natural e sereno, como folhas de samambaia sobre móveis de nogueira lisa. Essa paleta de azul, verde e marrom passa sensação premium para marcas wellness quando o layout é arejado e a tipografia silenciosa. Combine com ícones de linha mínimos e muito espaço creme para sugerir calma e cuidado. Dica de uso: use o tom nogueira na marca do logo e o azul-verde nos elementos e padrões de suporte.

Exemplo de imagem de samambaia e nogueira gerada pelo media.io

23) Noite de Cobre e Pícea

HEX: #082A33 #155B5E #6CB2A5 #B06A3C #1A1615

Clima: escuro, luxuoso, dramático

Melhor para: menu de bar de coquetéis de luxo e gráficos sociais

Escuro e luxuoso, como agulhas de abeto à noite com um brilho de cobre à luz de velas. A base intensa cria dramaticidade, enquanto o teal mantém o visual moderno e o marrom acobreado acrescenta apelo ao apetite. Use para cardápios, posts promocionais e sinalizações onde você deseja riqueza sem poluição visual. Dica de uso: adicione impressão metálica para destacar o tom cobre e mantenha o teal como um traço fino para evitar excesso visual.

Exemplo de imagem de "noite de abeto cobreado" gerado usando media.io

Quais cores combinam com azul, verde e marrom?

Tons quentes de off-white e cremes são os companheiros mais confiáveis para paletas teal e marrom, pois mantêm as composições brilhantes sem ficarem frias. Pense em marfim, branco quente, aveia e pedra clara.

Para profundidade e legibilidade, adicione tons quase pretos (carvão) no lugar do preto puro, especialmente para textos corridos e ícones de interface. Se quiser um ar mais suave e “heritage”, um cinza quente pode substituir divisórias e bordas marcantes.

Como destaques, latão/ouro escovado, coral suave ou terracota podem elevar a paleta quando necessário—apenas limite os pontos de destaque para que o teal continue como protagonista e os marrons não fiquem sem vida.

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

No design de interface, escolha um teal como cor principal de ação e deixe os marrons como destaques secundários (preços, selos, ícones) em vez de grandes fundos. Use um tom creme claro ou pedra nas superfícies para manter um clima calmo e moderno.

Para branding e embalagens, o teal comunica frescor e confiança, enquanto marrons nogueira/espresso sinalizam artesanato e qualidade premium. Combine com tipografia limpa e bastante espaço em branco para evitar aparência de “bagunça rústica”.

Em interiores, repita o teal médio em pequenos elementos (azulejo, toalhas, arte) e ancore o ambiente com tons de madeira (carvalho, nogueira, cedro). Mantenha metais e têxteis naturais (linho, latão escovado) para preservar a sensação acolhedora.

Crie visuais com paleta azul, verde e marrom usando IA

Se você está apresentando um conceito ou construindo um mood board, imagens geradas por IA ajudam a visualizar como a paleta teal e marrom se comporta em diferentes materiais, luzes e layouts. É possível testar rapidamente o estilo “praia” versus “cabana” sem redesenhar do zero.

Comece com um assunto claro (pôster, interface, embalagem, amostras de interiores), depois descreva materiais (papel kraft, rótulo fosco, linho, textura de madeira) e mantenha a paleta consistente no prompt. Exporte algumas variações para comparar contraste e hierarquia.

O Media.io torna simples gerar mockups baseados em paleta, permitindo iterar até que os tons fiquem equilibrados e legíveis.

Próximo: Paleta de Cores Preto Burgundy