Paleta de Cores Cinza e Marrom: 20 Ideias com Códigos Hexadecimais

Cinza-marrom é um neutro quente que combina a estabilidade do cinza com o conforto do marrom. É uma escolha certeira para interiores rústicos modernos, branding premium e sistemas de interface que precisam transmitir calma e confiança.

Abaixo estão mais de 20 ideias de paletas de cores cinza-marrom com códigos HEX, além de dicas práticas para combinar tons de destaque e gerar visuais de paletas com IA.

Por que paletas cinza-marrom funcionam tão bem

Tons cinza-marrom (muitas vezes próximos ao taupe, cogumelo ou mocha) ficam em um "meio seguro" do espectro de cores, o que os torna flexíveis para impressão, web e interiores. Adicionam calor sem ficarem amarelados ou alaranjados em excesso.

Por serem tons suaves, combinações cinza-marrom mantêm o foco na tipografia, fotografia e materiais. Por isso, são comuns em embalagens premium, sistemas de marca minimalistas e dashboards modernos.

Eles também ganham riqueza em camadas de textura—granulação de papel, madeira, pedra, linho e cerâmica. Até mesmo uma paleta simples pode parecer sofisticada quando o acabamento e a luz são valorizados.

20+ Ideias de Paletas de Cores Cinza-Marrom (com Códigos HEX)

1) Mocha Cogumelo

HEX: #E7DED6 #C8BBAF #A5968A #6E625B #2F2C2A

Clima: calmo, acolhedor, estável

Melhor para: interiores minimalistas quentes e fotografias de lifestyle

Calmo e confortável como uma manta de linho à luz suave da janela, esses tons são quentes sem pesar. Use para moodboards de interiores, visuais de cafeterias ou edições de lifestyle tranquilas onde a textura faz a diferença. Combine com metais pretos foscos e brancos cremosos para manter o estilo moderno. Dica de uso: reserve o tom mais escuro para detalhes como textos ou acabamentos, evitando superfícies grandes.

Exemplo de imagem mocha cogumelo gerada no media.io

Media.io

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

Experimente grátis agora

2) Seixo e Cedro

HEX: #F1ECE6 #D2C7BD #B0A299 #7C6D63 #3A332F

Clima: natural, estável, rústico moderno

Melhor para: marcas outdoor, logos de madeira e sistemas de embalagem

Natural e estável como seixos de rio ao lado da casca de cedro, o contraste transmite confiança discreta. Funciona especialmente bem para marcas que precisam de calor sem parecerem vintage demais. Combine com texturas de papel off-white e um toque de verde suave para frescor. Dica de uso: testes de impressão importam aqui, então clareie um pouco os médios para papéis não revestidos.

Exemplo de imagem seixo e cedro gerada no media.io

3) UI Estúdio Taupe

HEX: #F7F4EF #D9D1C8 #B7ADA4 #867A71 #2B2725

Clima: tranquilo, focado, premium

Melhor para: dashboard UI, telas de configurações, e onboarding de SaaS

Tranquilo e focado como uma mesa de estúdio organizada, esses neutros mantêm a atenção no conteúdo e não nos elementos. Use o tom mais claro em superfícies, taupes médios em divisórias e o quase preto para textos, garantindo contraste acessível. Combine com um único tom de destaque, como azul empoeirado ou sálvia, para estados e realces. Dica de uso: reserve o tom mais escuro para títulos e botões principais, evitando no texto corrido.

Exemplo de imagem UI estúdio taupe gerada no media.io

4) Cartaz Névoa do Deserto

HEX: #EFE6DD #CDBFB3 #9E8E84 #6A5E57 #1E1B19

Clima: sóbrio, cinematográfico, sutil

Melhor para: cartazes de eventos, divulgação de galerias e pôsteres minimalistas

Sóbrio e cinematográfico como névoa do deserto ao entardecer, a paleta é artística sem ser fria. Ideal para pôsteres tipográficos em que é preciso fundo suave e texto forte. Combine com texturas granuladas e uma única luz quente para movimento. Dica de uso: mantenha os fundos um pouco quentes para que os pretos não fiquem duros.

Exemplo de imagem cartaz névoa do deserto gerada no media.io

5) Latte Aveia e Cacau

HEX: #F4EBDD #E0D1BF #BFA78F #8A6F5D #3B2E28

Clima: doce, acolhedor, artesanal

Melhor para: embalagens de café, rótulos de padaria e menus

Doce e acolhedora como espuma de um latte de cacau, esses tons parecem feitos à mão e apetitosos. Ótimos para sistemas de embalagem que precisam de calor em várias linhas de produto. Combine com textura kraft e ícones minimalistas para manter contemporâneo. Dica de uso: use o tom de cacau para destaques e selos, deixando os tons de aveia leves.

Exemplo de imagem latte aveia e cacau gerada no media.io

6) Denim Stonewashed

HEX: #E9E2DB #C7BEB7 #9B948E #6D6661 #2A2726

Clima: frio, casual, editorial

Melhor para: lookbooks de moda e catálogos de produtos

Frio e casual como tecido stonewashed, o contraste suave é moderno e natural. Excelente para spreads editoriais que priorizam fotografia e sugerem tipografia discreta. Combine com um tom índigo desbotado para links ou títulos. Dica de uso: use bastante espaço em branco para que os cinzas médios não deixem a página densa.

Exemplo de imagem denim stonewashed gerada no media.io

7) Jardim Noz e Sálvia

HEX: #F2EEE6 #D0C6BA #9A8B7D #6C6258 #6F7A63

Clima: terroso, restaurador, botânico

Melhor para: marcas de bem-estar, skincare natural e ilustrações botânicas

Terroso e restaurador como solo de jardim sob ervas, une calor e verde suave. Vai bem em branding de bem-estar, velas e templates sociais suaves. Combine com fundo creme e folhas delicadas para reforçar a narrativa natural. Dica de uso: deixe o verde sálvia como único tom cromático para manter o elegante.

Exemplo de imagem jardim noz e sálvia gerada no media.io

8) Cozinha Argila Defumada

HEX: #F6EFE7 #D6C8BC #A88F81 #7A6357 #3A2E29

Clima: caseiro, quente, tátil

Melhor para: projetos de reforma de cozinha e catálogos de decoração

Caseiro e tátil como utensílios de argila defumada, esses tons deixam o espaço acolhedor. Lindos para projetos de armário, seleções de azulejo e fotografia de catálogo com madeira. Combine com latão escovado e pedra cremosa para não ficar bege demais. Dica de uso: repita o tom mais escuro em detalhes como puxadores para unir o ambiente.

Exemplo de imagem cozinha argila defumada gerada no media.io

9) Logo Minimalista Marrom-Acinzentado

HEX: #F8F6F2 #DAD4CD #B0A9A2 #7B736D #1F1D1C

Clima: limpo, refinado, sutil

Melhor para:Serviços profissionais branding e logotipos minimalistas

Limpo e refinado como tipografia em papel macio, o contraste permanece sutil, mas profissional. Use-o para consultores, arquitetos e estúdios que querem autoridade tranquila. Combine com um sans geométrico nítido e um fundo branco quente para manter tudo nítido. Dica de uso: Faça o logotipo mais escuro com tons mais claros reservados para artigos de papelaria e seções da web.

Exemplo de imagem de logotipo minimal cinza marrom gerado usando media.io

10) Riverbank Neutrals

HEX:#EEE9E3#CFC6BE#A79E96#756D66#3B3633

Clima:Equilibrado, aterrado, confiável

Melhor para:Sites para construtores, imóveis e empresas locais

Equilibrados e confiáveis como um caminho na margem do rio, esses neutros parecem familiares e confiáveis. Eles são uma escolha forte para sites de serviço que precisam de legibilidade e um tom calmo e prático. Combine com um sotaque azul suave para links e um creme quente para pausas de seção. Dica de uso: Mantenha o texto do corpo no fundo mais claro para manter o contraste em páginas longas.

Exemplo de imagem de neutros de margem do rio gerados usando media.io

11) Tabela do Menu da cafeteria

HEX:#F3EDE5#D9CDBF#B09A84#7A5F4C#2D221B

Clima:Amigável, Artesanato, Convidativo

Melhor para:design de menu, sinalização de cafés e panfletos promocionais

Amigável e convidativo como o cheiro de café expresso em um pequeno café, os castanhos quentes parecem artesanais. Use-o para quadros de menus, panfletos sazonais e design de cartões de fidelidade onde a legibilidade é importante. Combine com iconografia simples e uma base creme para que os preços e títulos sejam lidos claramente. Dica de uso: Limite o tom mais escuro aos títulos e preços chave para orientar a digitalização.

Exemplo de imagem de tabuleiro de menu de cafeteria gerado usando media.io

12) Espaço de trabalho de concreto quente

HEX:#F5F2EE#D7D0C8#AFA79F#7B746D#2C2927

Clima:Produtivo, moderno, calmo

Melhor para:Espaço de trabalho Interiores e produtividade Marca Visuais

Produtiva e calma como concreto quente sob a luz da manhã, a paleta parece moderna sem se tornar estéril. Funciona bem para espaços de coworking, configurações de mesa e conteúdo de produtividade que precisam de uma base neutra. Combine com madeira clara, metal preto e um único acessório azul silenciado para um sotaque nítido. Dica de uso: use o cinza médio para sombras e profundidade em vez de adicionar cores extras.

Exemplo de imagem de espaço de trabalho de concreto quente gerado usando media.io

13) Cabana rústica à noite

HEX:#EDE4DB#C6B7A8#9C8574#6B5549#221A16

Clima:Acolhedor, rústico, íntimo

Melhor para:Anúncios de viagens, sites de alojamento e branding de hospitalidade

Acolhedor e íntimo como uma lâmpada de cabine à noite, os castanhos mais escuros adicionam calor e profundidade. Use-o para sites de alojamento, promoções de viagens e branding de hospitalidade onde o conforto é a manchete. Combine com fotografia suave, gradientes sutis e um serif limpo para se inclinar na história rústica. Dica de uso: Mantenha os fundos mais claros e deixe que a sombra profunda atua como o rodapé e a âncora de navegação.

Exemplo de imagem de noite de cabana rústica gerada usando media.io

14) Grão de filme de sépia

HEX:#F2E7DA#D3C2AE#B08E6F#7B5A45#2B1E17

Clima:Nostálgico, Cinematográfico, Caloroso

Melhor para:Predefinições de fotografia, pôsteres vintage e páginas de contar histórias

Nostálgicos e cinematográficos como o grão de filme sépia, esses tons adicionam história e calor instantâneos. Eles se encaixam em páginas de narração de histórias longas, promoções predefinidas de fotos e pôsteres inspirados em retrô. Combine com margens cremosas e texturas de ruído sutis para mantê-lo autêntico em vez de como uma fantasia. Dica de uso: use a sépia média para sobreposições com baixa opacidade para unificar fotos mistas.

Exemplo de imagem de grão de filme de sépia gerado usando media.io

15) Mercado de cerâmica de argila

HEX:#F7EFE6#E2D1C2#C2A189#8A6A55#3A2A22

Clima:Feito à mão, Terra, Artesanal

Melhor para:Embalagens de cerâmica, feiras de artesanato e anúncios de produtos

Feita à mão e terrosa como argila cozida ao sol, a paleta parece artesanal e tátil. É um forte ajuste para marcas de cerâmica, promoções de feiras de artesanato e fotografia de produtos onde a textura é vendida. Emparelhe com tipografia sans simples e muito espaço negativo para mantê-lo premium. Dica de uso: use o tom médio quente como a cor primária da marca e reserve o marrom profundo para carimbos e selos.

Exemplo de imagem de mercado de cerâmica de argila gerado usando media.io

16) Trilha Foggy Pine

HEX:#ECE7E1#C8C1BA#9B948D#6C6560#4E5A4D

Clima:Fresco, Ao ar livre, Aterrado

Melhor para:Marcas de caminhadas, boletins informativos ao ar livre e conteúdo da natureza

Fresco e aterrado como uma trilha nebulosa através de pinheiros, o verde abafado evita que os neutros se sintam planos. Use-o para boletins informativos ao ar livre, landing pages de equipamentos ou modelos sociais de natureza em primeiro lugar. Combine com espaço branco nítido e um estilo fotográfico forte para mantê-lo arejado. Dica de uso: Deixe o tom de pinho lidar com elementos interativos enquanto os neutros carregam o layout.

Exemplo de imagem de foggy pine trail gerado usando media.io

17) Painel de Biscoito e Carvão

HEX:#F6F1EA#D8CFC4#B3A89D#5A5450#1B1A1A

Clima:Nível, moderno, de alto contraste

Melhor para:UI pesada em dados, aplicativos fintech e painéis de administrador

Nútil e moderno como o carvão em papel quente, o contraste parece premium e legível. Ele é construído para uma interface de usuário pesada em dados, onde gráficos, tabelas e navegação densa precisam de estrutura. Emparelhe com uma única cor de sotaque para alertas e estados de sucesso para que a interface permaneça calma. Dica de uso: use carvão para texto e ícones e mantenha os painéis na faixa de biscoitos para reduzir o brilho.

Exemplo de imagem do painel de biscoito e carvão gerado usando media.io

18) Convite de papel antigo

HEX:#F8F1E5#E2D3C2#C1A78C#8A6F58#2C231D

Clima:Romântico, vintage, Elegante

Melhor para:Convites de casamento, papelaria e anúncios formais

Romântico e vintage como artigos de papelaria antigos, os neutros quentes parecem atemporais e suaves. Use-o para convites de casamento, anúncios formais ou artigos de papelaria para eventos boutique onde a textura do papel brilha. Combine com um serif clássico, bordas delicadas e floresce contido para um visual elevado. Dica de uso: Mantenha o fundo no tom mais claro e use o tom mais escuro apenas para nomes e detalhes principais.

Exemplo de imagem de convite de papel antigo gerado usando media.io

19) Mocha Rosa sotaque

HEX:#F5EEE8#D8C9C2#A88C83#6E5A54#B77B7F

Clima:Suave, moderno, sutilmente brincalhão

Melhor para:branding de beleza, redes sociais de boutique e kits de criadores

Suave e moderno como o mocha com um redemoinho rosado, o sotaque acrescenta personalidade sem quebrar a base neutra. É ideal para marcas de beleza, kits de mídia para criadores e modelos sociais de boutique que precisam de calor e acessibilidade. Combine com tipografia limpa e espaçamento generoso para mantê-lo sofisticado. Dica de uso: use a rosa apenas para destaques como tags, botões ou marcadores de preço para que ela permaneça especial.

Exemplo de imagem de mocha rose sotaque gerado usando media.io

20) Comércio eletrônico de névoa de Bronze

HEX:#F4F2EE#D3CCC4#AFA59C#7A7068#5E4A3F

Clima:Polido, confiável, sofisticado

Melhor para:UI de comércio eletrônico, listagens de produtos e fluxos de checkout

Polido e confiável como o bronze em uma névoa suave, esses neutros parecem sofisticados e estáveis. Eles constituem uma base sólida para a IU do comércio eletrônico, onde as fotos dos produtos devem permanecer verdadeiras e os CTAs precisam de clareza. Emparelhe com um sotaque saturado para ações primárias para evitar uma experiência de checkout monótona e manter os botões secundários silenciados. Dica de uso: Teste os estados de paira e desativação precocemente, uma vez que os neutros sutis podem desfocar sem etapas de contraste claras.

Exemplo de imagem de comércio eletrônico bronze mist gerado usando media.io

21) Cinza e arenito

HEX:#EFE8DF#D1C6BA#A59386#6A5B52#242120

Clima:Arquitetônico, Aterrado, Confiante

Melhor para:Portfólios de arquitetura e apresentações de construção

Arquitetônico e aterrado como cinza contra arenito, os tons parecem estruturados e confiantes. Use-o para portfólios, decks de propostas e modelos de apresentação que precisam de clareza e restrição. Combine com regras finas, sistemas de grade e fotografia forte de materiais como concreto e madeira. Dica de uso: use o tom mais escuro para divisores de seção e títulos para manter os slides nítidos à distância.

Exemplo de imagem de cinza e arenito gerado usando media.io

22) Emparelhamento do crepúsculo da colheita

HEX:#F3E9DF#D6C1B0#B0886E#7B5A46#3B2A21

Clima:Quente, sazonal, convidativo

Melhor para:Campanhas de outono, fotografia de alimentos e landing pages sazonais

Quente e sazonal como o crepúsculo da colheita, a paleta parece convidativa sem ficar laranja-pesada. É uma daquelas combinações de cores cinza-marrom que funcionam para conteúdo de alimentos, páginas de vendas de outono e cabeçalhos de e-mail aconchegantes. Combine com adereços naturais como linho, madeira e sombras suaves para manter o humor consistente. Dica de uso: Coloque a sombra mais profunda atrás do tipo branco para banners de herói e fitas promocionais.

Exemplo de imagem de emparelhamento harvest dusk gerado usando media.io

Quais cores combinam com cinza-marrom?

Gray brown combina naturalmente com brancos quentes, creme e tons de aveia para uma faixa neutra suave e coesa. Esta é a maneira mais fácil de manter os layouts arejados enquanto ainda se sentem confortáveis.

Para contraste, experimente carvão ou quase preto para tipografia e divisores finos-isso mantém a legibilidade alta sem introduzir preto puro duro. Em interiores, o hardware preto fosco funciona especialmente bem.

Se você quiser uma única cor de sotaque, verdes atenuados (sálvia, pinheiro), azuis empoeirados ou um rosa/rosa pastel contido podem adicionar personalidade, mantendo a paleta aterrada.

Como usar uma paleta cinza-marrom em projetos reais

Comece com papéis, não amostras: escolha uma base clara (fundo), um tom médio (cartas/seções), um neutro mais escuro (bordas) e um quase preto (texto). Em seguida, adicione uma cor de sotaque para CTAs ou destaques.

No branding, os tons cinza-marrom brilham quando você se inclina em materiais-papel não revestido, relevo, texturas kraft e fotografia natural. Deixe a textura e a iluminação criar profundidade em vez de adicionar cores extras.

Para UI, teste a acessibilidade cedo: garanta que o texto principal fique no tom mais claro e reserve o tom mais escuro para títulos, ícones e navegação chave para que a interface não pareça pesada.

Crie visuais de paleta cinza-marrom com IA

Se você está criando um moodboard, kit de marca ou conceito de UI, gerar algumas imagens consistentes ajuda a validar o clima rapidamente. Com IA, você pode testar estilos como “minimalista de linho”, “rústico moderno” ou “dashboard premium” em minutos.

Use suas palavras-chave de paleta (cogumelo, taupe, mocha, arenito) junto com uma descrição clara da cena, depois iterando ao mudar a iluminação (luz natural suave vs. entardecer cinematográfico) para combinar com seu caso de uso.

Quando seus visuais estiverem corretos, reutilize a mesma estrutura de prompt em várias saídas para manter consistência de estilo em anúncios, landing pages e templates de redes sociais.

Próximo: Paleta de Cor Rosa Pastel