Paleta de Cores Preto e Marrom: 20 Ideias com Hex e Exemplos em Imagens AI

Paletas preto-marrom trazem profundidade instantânea, calor e uma sensação de acolhimento—sem a dureza que o preto puro pode criar. São uma escolha certeira para marcas premium, interiores aconchegantes e interfaces modernas que buscam confiança com conforto.

Abaixo estão 20 ideias de paletas de cores preto-marrom com códigos HEX, além de dicas práticas para combinar tons de destaque, manter o contraste acessível e gerar visuais alinhados à marca de forma mais rápida.

Por que as Paletas Preto-Marrom Funcionam Tão Bem

Os tons preto-marrom ficam na zona dos “neutros escuros”, então transmitem estabilidade e atemporalidade, sendo mais quentes e humanos do que o contraste puro do preto e branco. Esse calor os torna especialmente fortes para marcas que desejam transmitir confiança premium sem o minimalismo frio.

Eles também criam uma hierarquia natural: o quase-preto garante legibilidade e estrutura, enquanto os marrons trazem profundidade e referências materiais (madeira, couro, café, argila). Isso faz com que os layouts pareçam táteis—mesmo em elementos planos de UI.

Por fim, esquemas de cor preto-marrom funcionam bem com tons quentes e frios. Você pode adicionar cobre para requinte, sálvia para calma natural ou azul-gelo para um toque moderno—sem conflitar com a base.

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

1) Nogueira da Meia-noite

HEX: #0B0B0D #2A1B14 #5A3B2C #B89B7C #F2E8DB

Atmosfera: sóbrio, refinado, acolhedor

Melhor para: marcas de luxo e capas editoriais

Sombras da meia-noite e textura polida de nogueira criam um tom sofisticado e estável. Use para marcas premium, capas de livros ou embalagens de butique onde você quer profundidade sem contraste agressivo. Combine os tons mais escuros com um espaço cremado para manter a tipografia legível. Dica: reserve o bege claro para títulos ou preços para criar hierarquia instantânea.

Exemplo de imagem de nogueira da meia-noite gerada usando media.io

Media.io

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

Experimente Agora Gratuitamente

2) Linho Espresso

HEX: #121212 #3B241B #6E4A38 #C9B79E #FAF4EA

Atmosfera: aconchegante, moderno, acessível

Melhor para: cardápios de cafés e sites de estilo de vida

Profundidade aconchegante de espresso com destaques suaves de linho transmite acolhimento e modernidade. Funciona muito bem para cardápios, landing pages e blogs de estilo de vida precisando de calor sem parecer datado. Adicione textura com fundos off-white e mantenha botões em marrom médio para contraste sutil. Dica: use o tom mais escuro para o texto corrido e evite a dureza do preto puro.

Exemplo de imagem de linho espresso gerada usando media.io

3) Cedro Queimado e Argila

HEX: #0E0D0C #2F1F18 #8A4B2A #C97B52 #EAD3C2

Atmosfera: terroso, artesanal, ousado

Melhor para: etiquetas para cerâmica e anúncios de produtos feitos à mão

Cedro torrado e argila ao sol evocam uma prateleira de oficina cheia de peças artesanais. Essas combinações de preto-marrom brilham em etiquetas, tags de produtos e anúncios de pequeno formato onde o calor vende o artesanal. Combine os tons de terracota com espaços cremosos para o design não pesar. Dica: coloque uma borda fina cor de argila em frames e selos para acabamento artesanal.

Exemplo de imagem de cedro queimado e argila gerada usando media.io

4) Brilho Cobre Mocha

HEX: #0F0F11 #3A231A #6B3E2B #B26A3C #F1D7C3

Atmosfera: reluzente, sofisticado, quente

Melhor para: embalagens de beleza e banners promocionais

Destaques de cobre sobre sombras mocha criam um ar sofisticado e acolhedor, como luz de vela no metal. Use em embalagens de beleza, promoções sazonais ou banners de destaque onde você quer riqueza com toque de brilho. Use cobre como destaque no preto para destacar calls to action. Dica: mantenha os degradês discretos e eleja um tom de cobre para se sobressair.

Exemplo de imagem de brilho cobre mocha gerada usando media.io

5) Minimalismo Tinta e Cacau

HEX: #0A0A0B #241712 #4A2E23 #9D7A63 #EFE6DD

Atmosfera: minimalista, calmo, premium

Melhor para: portfólios e dashboards de UI

A combinação preto-tinta e cacau resulta em atmosfera premium e tranquila, com detalhes limpos. Perfeito para portfólios e dashboards onde o conteúdo é protagonista e as cores apoiam discretamente. Use o neutro claro para grandes áreas e cartões, reservando o cacau para navegação secundária. Dica: teste contraste em gráficos e ícones, mantendo o preto para textos e destaques críticos.

Exemplo de imagem de minimalismo tinta e cacau gerada usando media.io

6) Sela Rústica e Sálvia

HEX: #12110F #3A2519 #7A4E33 #7C8B6B #E8E1D5

Atmosfera: ao ar livre, relaxado, natural

Melhor para: marcas ecológicas e newsletters outdoor

Sela rústica com acento de sálvia em tom suave transmite naturalidade e relaxamento. Combinação indicada para marcas ecológicas, guias de trilha ou newsletters com assinatura terrosa, sem exagerar no verde. Use sálvia de forma sutil em botões ou destaques e mantenha os neutros quentes no fundo. Dica: combine com texturas de papel fosco ou granulação leve para estilo autêntico.

Exemplo de imagem de sela rústica e sálvia gerada usando media.io

7) Flor de Chocolate Amargo

HEX: #0F0C0C #2B1717 #5A2D2D #C78D8F #F6E6E7

Atmosfera: romântico, suave, íntimo

Melhor para: convites de casamento e catálogos de beleza

Profundidade de chocolate amargo com toque de rosa seco cria clima romântico e íntimo. Ideal para papelaria de casamento, catálogos de beleza e posts elegantes que precisam de suavidade sem perder contraste. Reserve tons de blush para detalhes como divisórias e ícones e use o creme como base principal. Dica: escolha uma tipografia serifada para potencializar o ar clássico à luz de velas.

Exemplo de imagem de flor de chocolate amargo gerada usando media.io

8) Neon de Cafeteria

HEX: #0B0B0C #2E1C16 #5B3A2E #E3B341 #F4EFE7

Atmosfera: urbano, energético, divertido

Melhor para: cartazes de eventos e anúncios sociais

Tons de café urbanos com toque de dourado neon transmitem energia, como uma placa acesa tarde da noite na chuva. Use em pôsteres de eventos, anúncios sociais ou lançamentos limitados onde o calor e o destaque rápido são fundamentais. Use o dourado em formas pequenas, adesivos ou um título para não sobrepor os marrons. Dica: acrescente espaçamento generoso para manter a base escura limpa e moderna.

Exemplo de imagem de neon de cafeteria gerada usando media.io

9) Couro de Museu e Pedra

HEX: #0C0C0D #2A1D16 #5A463B #A99C8E #EFE9E2

Atmosfera: clássico, erudito, sereno

Melhor para: editoriais, museus e marcas culturais

Couro clássico e neutros de pedra transmitem elegância e serenidade, como um corredor de galeria. Esta paleta preto-marrom é ideal para instituições culturais, editoriais e marcas de publicações. Use o cinza-pedra para fundos e réserve o preto para tipografia, garantindo legibilidade. Dica: deixe o marrom médio para regras e legendas, suavizando layouts densos.

Exemplo de imagem de couro e pedra de museu gerado usando media.io

10) calor da cabine da floresta

HEX:#0E0E10#2C1F16#6A4A34#B39A7E#EDE2D4

Atmosfera:Quente, rústico, confortável

Melhor para:mood boards interiores e aluguel de cabines

Sombras quentes da cabine e grãos de madeira torrados fazem com que tudo se sinta confortável e vivido. É ótimo para quadros de humor interiores, listagens de hospitalidade e branding de aluguel, onde o calor constrói confiança. Emparelhe o bege claro com grande fotografia e mantenha o tom mais escuro para sobreposições de texto. Dica: use o marrom médio como uma cor de botão consistente em todas as páginas da web para coesão.

Exemplo de imagem do calor da cabine da floresta gerado usando media.io

11) Estúdio Noir Terracotta

HEX:#0A0A0C#2B1812#5B2E1F#D07A4A#F2D9C8

Atmosfera:Criativo, ousado, como uma galeria

Melhor para:Portfólios de arte e cartazes de estúdio

Sombras Noir com um soco de terracota parecem uma parede de estúdio moderna sob holofotes. Use-o para portfólios de arte, pôsteres de exposições e páginas de destino criativas que precisam de uma cor focal ousada. Pair terracota com muito espaço pálido para que o calor lê intencional, não barulhento. Dica: Defina a terracota como o único elemento saturado para direção visual instantânea.

Exemplo de imagem de noir terracotta studio gerado usando media.io

12) Encadernação Vintage

HEX:#0D0C0B#2E1E15#5A3A2A#8B6A52#E9DDCF

Atmosfera:Nostálgico, tátil, clássico

Melhor para:Capas de livros e conjuntos de papelaria

Tons nostálgicos de encadernação evocam espinhas de couro desgastadas e bordas de papel creme. Funciona bem para capas de livros, papelaria e blogs de longa leitura onde o calor apoia a narração de histórias. Emparelhe o creme mais claro com margens generosas e mantenha o tom mais escuro para títulos e nomes de autores. Dica: Um efeito sutil de grão ou relevo complementa a paleta sem adicionar cores extras.

Exemplo de imagem de encadernação vintage gerada usando media.io

13) Cozinha de trufas de outono

HEX:#101010#362117#6F3F2A#C38A5A#F3E8DC

Atmosfera:Apetitoso, quente, convidativo

Melhor para:branding de restaurantes e cartões de receitas

Marrom de trufas de outono e notas de caramelo assado parecem apetitosas e convidativas. Use-o para identidades de restaurantes, cartões de receitas e embalagens de alimentos onde o calor sinaliza o sabor. Emparelhe o tom caramelo com preto para fortes etiquetas de preço e convocações. Dica: Mantenha os fundos cremosos para que a fotografia e a tipografia permaneçam nítidas e limpas.

Exemplo de imagem de cozinha de trufas de outono gerado usando media.io

14) Mocha de mármore elegante

HEX:#0E0E0F#2A1A14#4E3329#B7A79A#F7F1EA

Atmosfera:Elegante, arejado, atemporal

Melhor para:Escritórios de advocacia, consultores e marcas minimalistas

A leveza do mármore elegante combinada com a profundidade do mocha parece atemporal e confiável. Como um esquema de cores preto marrom, é uma escolha forte para consultores, escritórios de advocacia e marcas minimalistas que querem calor sem vibrações casuais. Emparelhe o marfim pálido com o tipo sans-serif limpo e use mocha para separadores sutis. Dica: Defina links ou destaques chave no marrom de tom médio para manter o visual discreto.

Exemplo de imagem de mocha de mármore elegante gerado usando media.io

15) cartaz de Umber fumaçado

HEX:#0A0A0A#251813#4B3026#7A5A49#E6D8CC

Atmosfera:Dramático, Cinematográfico, gritty

Melhor para:Cartazes de filmes e artwork de álbuns

Smoky umber e sombras quase negras parecem cinematográficas e corrosivas, como um saguão de teatro escuro. Use-o para pôsteres de filmes, artwork de álbuns e campanhas corajosas onde uma base escura faz a tipografia se destacar. Combine o bege pálido para créditos e texto pequeno para preservar a legibilidade. Dica: Mantenha a imagem de alto contraste para que a paleta não fique turva.

Exemplo de imagem de poster smoky umber gerado usando media.io

16) Embalagem da noite do Bronze

HEX:#0B0B0D#2B1B15#523126#A8744B#F0E2D2

Atmosfera:premium, quente, metálico

Melhor para:Velas, bebidas espirituosas e caixas de presente

O calor de bronze Premium sobre uma base escuro à noite parece uma folha metálica capturando pouca luz. Essas combinações de cores marrom preto funcionam perfeitamente para velas, bebidas espirituosas e embalagens de presentes onde um pequeno sotaque pode parecer caro. Combine o tom bronze com painéis pretos limpos e mantenha a luz neutra para rótulos e texto de conformidade. Dica: use bronze com moderação nas bordas e logotipos para evitar um visual de latão.

Exemplo de imagem de embalagem bronze night gerada usando media.io

17) Creme de café UI

HEX:#0D0D0E#2A1C15#5C3B2F#CBB7A4#FFF7EE

Atmosfera:Limpo, simpático, moderno

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

Tons de café limpos com brancos de creme chantado se sentem amigáveis e modernos. É um forte ajuste para checkouts de comércio eletrônico, páginas de assinatura e fluxos de onboarding que precisam de confiança calma. Emparelhe o tom mais escuro para o texto primário e, em seguida, use o creme pálido como a cor principal da superfície. Dica: Mantenha um marrom médio como a única cor primária do botão para reduzir a fadiga da decisão.

Exemplo de imagem de coffee cream ui gerado usando media.io

18) Casca do deserto e areia

HEX:#111112#2C1F18#6B4C3A#C8A88A#F5E7D6

Atmosfera:Solado, calmo, terroso

Melhor para:blogs de viagens e páginas de produtos ao ar livre

Casca assada ao sol e areia macia neutros parecem calmos, como uma trilha tranquila do deserto ao anoitecer. Funciona para blogs de viagens, páginas de produtos ao ar livre e lookbooks que são naturais e discretos. Emparelhe fundos bege arenoso com cabeçalhos marrom profundo para manter o calor sem perder a clareza. Dica: use o marrom médio para ícones e pequenos detalhes da UI para manter a interface coesa.

Exemplo de imagem de casca do deserto e areia gerada usando media.io

19) Sócio de hortelã de Chocolate

HEX:#0D0D0F#2B1A16#5A342A#6FB39B#F2E9E0

Atmosfera:Fresco, brincalhão, sofisticado

Melhor para:branding tecnológico e modelos sociais modernos

O chocolate profundo com um fresco sotaque de hortelã parece fresco e um pouco inesperado. Use-o para branding de tecnologia, modelos sociais modernos e gráficos de campanha que precisam de um pop limpo contra neutros escuros. Emparelhe mint para estados de status, links ou micro-interações, mantendo a maioria das superfícies quentes e silenciadas. Dica: Limite a hortelã a um tom e repita consistentemente para um sistema polido.

Exemplo de imagem de sotaque de hortelã de chocolate gerado usando media.io

20) Carvalho Negro Moderno

HEX:#080808#1F1410#3E271F#7E5B45#E7D7C8

Atmosfera:Moderno, arquitetônico, confiante

Melhor para:Marcas de interiores e landing pages de produtos

Os tons modernos de carvalho escurecido parecem arquitetônicos e confiantes, como linhas limpas em um espaço de madeira escura. Esta paleta de cores preto marrom é ideal para marcas de interiores e páginas de destino de produtos que querem calor com uma borda afiada. Emparelhe o neutro claro com acolchoamento largo e use o marrom médio para botões ou guias secundários. Dica: Mantenha as imagens em tom quente para que os tons de madeira pareçam ricos, não cinza.

Exemplo de imagem de blackened oak modern gerado usando media.io

Quais Cores Combinam com Preto-Marrom?

Atenções quentes como cobre, bronze, caramelo e terracota naturalmente realçam paletas marrom preto porque compartilham tons terrosos. Eles são excelentes para CTAs, crachás, destaques de preços e detalhes de embalagem onde você deseja um sinal de "calor premium".

Para um visual mais calmo e orgânico, combine o marrom preto com verdes suaves (sálvia, azeitona) ou neutros empoeirados (pedra, areia, linho). Estes mantêm a paleta fundamentada e são especialmente eficazes para marcas externas, interiores e layouts editoriais.

Se você quiser um contraste moderno e não rústico, adicione acentos legais como azul prateado, ardósia ou hortelã. Mantenha a cor fria limitada a um único papel (links, status ou destaques) para que os castanhos escuros permaneçam a base visual.

Como Usar uma Paleta Preto-Marrom em Projetos Reais

Comece com funções em vez de amostras: use quase preto para tipografia e estados principais da interface do usuário, marrom médio para controles (botões, abas) e cremes claros para superfícies e espaços em branco. Isso mantém as páginas legíveis e evita que o design pareça pesado.

Observe seu contraste: Muitos tons médios marrom parecem bonitos, mas podem falhar na acessibilidade quando usados para texto em fundos escuros. Reserve os neutros mais claros para o tipo pequeno e use o tom mais profundo para o texto do corpo quando você quiser uma alternativa mais suave para o preto puro.

Introduza um sotaque máximo (cobre, sálvia, hortelã ou ouro) e repita-o consistentemente nos principais pontos de contato. A consistência faz com que as combinações de cores preto e marrom pareçam intencionais e prontas para a marca, em vez de "lamacento".

Crie Visuais com Paletas Preto-Marrom usando IA

Se você já possui códigos hexagonais, pode gerar rapidamente kits de marca, pôsteres, maquetes de interface do usuário e conceitos de embalagem correspondentes, descrevendo o layout e os materiais desejados. Isso é especialmente útil para temas preto-marrom onde a iluminação e a textura (madeira, couro, papel) definem o clima.

Use prompts claros como "Limpar fundo de estúdio", "Prontos para impressão", "Apenas maquetagem de ui 2d" e especifique uma relação de aspecto para manter as saídas consistentes. Em seguida, iterar alterando apenas uma variável (cor de sotaque, estilo de tipografia ou textura) para explorar variações rapidamente.

Quando você encontrar uma direção que você gosta, gere um pequeno conjunto de visuais (imagem de herói, post social, maquete de produto) na mesma paleta para bloquear em um sistema coeso.

Próximo: Paleta de Cores Azul Prateado