21 Paletas de Tons Drab Modernos: Combinações e Códigos Hex

Sombrio não significa sem graça — é uma mistura moderna de oliva apagado, cáqui e neutros terrosos que transmite calma, estabilidade e uma elegância discreta.

Abaixo estão ideias de paletas de cores “drab” prontas para usar, com códigos HEX, além de dicas práticas para branding, interiores e interfaces que precisam de sobriedade sem parecerem opacas.

Por que paletas drab funcionam tão bem

Paletas drab ocupam o “meio silencioso” das cores: verdes oliva de baixa saturação, cáquis, cinzas de pedra e marrons de lona. Essa gama suavizada reduz ruído visual, deixando os layouts mais confiantes e bem pensados.

Como os tons drab são naturalmente próximos em valor, eles criam hierarquia suave e leve profundidade — ideal para interfaces, layouts editoriais e embalagens onde legibilidade e sobriedade importam.

Quando bem usados, tons drab transmitem modernidade e elegância, sem parecerem desbotados. O segredo está no contraste intencional (texto escuro em superfícies claras) e espaçamento consistente para que a paleta pareça planejada — não acidental.

20+ ideias de paletas drab (com códigos HEX)

1) Solo Oliva Empoeirado

HEX: #6b6b57 #8a8a6d #a6a58a #4f4f3f #d2d0b8

Clima: estável, prático, calmo

Melhor uso: painel de controle UI

Sólidos e utilitários, esses neutros oliva empoeirados lembram lona envelhecida e equipamentos de campo bem usados. Ficam limpos nas telas e mantêm um toque acolhedor. Use o oliva escuro na navegação e a cor pedra clara nos painéis; reserve tons intermediários para gráficos e estados. Dica: mantenha o contraste forte utilizando texto #4f4f3f em superfícies #d2d0b8.

Exemplo visual do solo oliva empoeirado gerado com 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 Gratuitamente Agora

2) Linho Musgoso

HEX: #5f6650 #7a8067 #9da28c #c9c6b1 #3e4436

Clima: suave, natural, acolhedor

Melhor uso: embalagem de skincare

Os tons de musgo e linho evocam vapor de ervas, potes cerâmicos e uma prateleira tranquila de botica. A mistura é delicada o suficiente para marcas de bem-estar e ainda assim transmite sofisticação. Use #c9c6b1 como fundo do rótulo e #3e4436 para tipografia, deixando tudo nítido. Dica: adicione texturas mate para que os verdes suaves pareçam intencionais, não desbotados.

Exemplo visual de linho musgoso gerado com media.io

3) Cáqui Urbano

HEX: #6a6452 #847d66 #a39b84 #c7c0ab #4a4538

Clima: moderno, estável, arquitetônico

Melhor uso: kit de identidade visual

Cáquis arquitetônicos e tons de pedra sugere ruas de concreto, metal escovado e vitrines tranquilas. Essas combinações drab funcionam bem quando se quer seriedade sem cair no cinza puro. Use o tom mais escuro para logotipos e marcas, construindo papelaria com blocos cáqui claros para um visual em camadas. Dica: inclua um fundo neutro e claro para deixar a paleta contemporânea.

Exemplo visual de cáqui urbano gerado com media.io

4) Fumaça e Sálvia

HEX: #596156 #737b6f #8e9688 #b9bdb0 #3c423c

Clima: frio, equilibrado, discreto

Melhor uso: template de apresentação

Tons de fumaça e sálvia transmitem manhãs de neblina e paredes de pedra calcária. Mantêm a leitura dos slides sem a dureza do preto puro. Use #b9bdb0 para fundos e #3c423c para títulos, destacando dados principais com #8e9688. Dica: mantenha os gráficos simples e use apenas dois tons para preservar o visual editorial.

Exemplo visual de fumaça e sálvia gerado com media.io

5) Anotações de Argila

HEX: #6d5f52 #8b7b6c #a99686 #d1c5b8 #4c4036

Clima: quente, rústico, tátil

Melhor uso: cardápio de cafeteria

Argilas quentes e tons de papel gasto lembram diários de couro, creme de espresso e balcões de madeira aconchegantes. A paleta é ideal para cardápios onde se busca conforto e clareza ao primeiro olhar. O corpo do texto deve ser #4c4036 em #d1c5b8, com argilas médias nos títulos e etiquetas de preço. Dica: adicione pequenos ícones lineares no tom mais escuro para manter o layout organizado.

Exemplo visual de anotações de argila gerado com media.io

6) Caminho Florestal Suave

HEX: #4f5a45 #6a755d #879173 #b6bea2 #2f382a

Clima: terroso, de natureza, resiliente

Melhor uso: anúncio de roupas outdoor

Verdes terrosos de floresta transmitem a sensação de trilhas sombreadas e equipamentos duráveis para final de semana. Tons escuros dão robustez, enquanto o verde claro lembra luz do sol entre as folhas. Use #2f382a para títulos e #b6bea2 para espaços negativos, mantendo detalhes de produto em destaque. Dica: escolha um bloco de cor chamativo para o anúncio ficar marcante e não poluído.

Exemplo visual de caminho florestal suave gerado com media.io

7) Deriva de Seixo

HEX: #6b6a63 #86857c #a8a79c #d3d1c6 #474640

Clima: silencioso, minimalista, arejado

Melhor uso: site de portfólio

Cinzas de seixos transmitem a sensação de pedras de rio e neblina suave, dando espaço para as obras respirarem. A gama apoia uma hierarquia sutil sem competir com as imagens. Use #d3d1c6 como base da página, #474640 para textos e limite acentos a um cinza médio para links. Dica: combine com espaçamento generoso e uma fonte forte e única para um visual de galeria limpa.

Exemplo visual de deriva de seixo gerado com media.io

8) Latão Envelhecido

HEX: #6a674d #8c8763 #b0aa7f #d6d0a7 #4a4833

Clima: vintage, apagado, refinado

Melhor uso: rótulo de embalagem de produto

Latão e oliva dourado suavizados evocam ferragens antigas, mapas velhos e metais suavemente patinados. Uma única combinação drab como esta pode parecer luxuosa quando o layout é limpo e a tipografia marcante. Use #d6d0a7 nos campos do rótulo, e a marca em #4a4833 para evitar visual lavado. Dica: adicione borda fina em #8c8763 para enquadrar o design sem poluir.

Exemplo visual de latão envelhecido gerado com media.io

9) Parka Chuvosa

HEX: #5a5f55 #747a6e #8f9688 #c2c7bb #3a3f38

Clima: frio, discreto, funcional

Melhor uso: onboarding de aplicativo mobile

Os verdes sóbrios de parka e os cinzas chuvosos transmitem confiança, como céus nublados e uma jaqueta confiável. Eles mantêm as telas de boas-vindas calmas para que o texto possa ser o destaque. Use #c2c7bb como tela principal, #3a3f38 para texto e ícones, e reserve #8f9688 para indicadores de progresso. Dica: adicione um pequeno botão de alto contraste e repita este estilo de forma consistente entre as etapas.

Exemplo de imagem de parka chuvosa gerada pelo media.io

10) Cantina Vintage

HEX: #655f49 #7f7a5c #9b9674 #c9c3a0 #3f3b2b

Clima: tradição, nostálgico, robusto

Melhor uso: rótulo de cerveja artesanal

O verde oliva tradicional e o cáqui de cantina trazem uma vibe nostálgica e resistente, ideal para produtos artesanais. Os tons transmitem envelhecimento de maneira positiva, como rótulos de papel e esmalte antigo. Use #3f3b2b no lockup da marca e #c9c3a0 como base do rótulo, adicionando #9b9674 em selos ou medalhas. Dica: mantenha o traço da ilustração simples para que as cores suaves continuem marcantes.

Exemplo de imagem de cantina vintage gerada pelo media.io

11) Prado Cinzento

HEX: #616a52 #7b8564 #9aa47f #c6cfab #3b4231

Clima: calmo, botânico, equilibrado

Melhor uso: ilustração de pôster botânico

Verdes suaves de prado com um tom acinzentado sugerem folhas prensadas e campos de fim de verão. A paleta é clara, adequada para arte de parede, mas ainda guiada pela natureza. Use o tom mais claro como papel e o mais escuro para caules, legendas e textos pequenos. Dica: mantenha as lavagens translúcidas para que os verdes médios sigam suaves e não pesados.

Exemplo de imagem de prado cinzento gerada pelo media.io

12) Erva Concreta

HEX: #5f6058 #787970 #96978c #c7c8bf #3c3d36

Clima: neutro, limpo, moderno

Melhor uso: landing page de SaaS

Os cinzas concretos com toque de erva têm uma sensação moderna, limpa e discretamente técnica. Deixam os elementos de UI nítidos, sem parecer frios ou estéreis. Use #c7c8bf para seções grandes e #3c3d36 para títulos, aplicando #96978c a divisórias e botões secundários. Dica: combine com um forte estilo de captura de produto para manter a página coesa.

Exemplo de imagem de erva concreta gerada pelo media.io

13) Lona Envelhecida

HEX: #6c6255 #85786b #a39588 #d0c4b8 #4b4038

Clima: aconchegante, artesanal, atemporal

Melhor uso: convite de casamento

Marrons aconchegantes de lona e taupes suaves lembram tecido de linho, bilhetes manuscritos e jantares à luz de vela. Os tons são românticos sem ser doces, perfeito para papelaria rústica moderna. Use #d0c4b8 como base do cartão, #4b4038 para tipografia, e mantenha os detalhes nos marrons médios para profundidade sutil. Dica: adicione um pequeno monograma e deixe bastante espaço ao redor.

Exemplo de imagem de lona envelhecida gerada pelo media.io

14) Patrulha das Dunas

HEX: #6b6a4c #8a885f #aaa777 #d5d1a0 #45432c

Clima: desbotado pelo sol, aventureiro, quente

Melhor uso: cabeçalho de blog de viagem

Tons de duna desbotados pelo sol lembram trilhas no deserto, tendas de lona e viagens em estradas poeirentas. O tom amarelo-esverdeado quente deixa o visual aventureiro, mas discreto. Use #d5d1a0 atrás dos títulos e #45432c para contraste forte, aplicando #aaa777 em botões ou etiquetas. Dica: acrescente textura de granulação levemente para as cores ficarem naturalmente desgastadas.

Exemplo de imagem de patrulha das dunas gerada pelo media.io

15) Noite Loden

HEX: #4d4f44 #686a5b #858774 #b5b79f #2f3127

Clima: introspectivo, elegante, contido

Melhor uso: moodboard de marca de restaurante

Os verdes loden profundos evocam luz noturna, madeira escura e conversas silenciosas. A base escura define um clima premium sem depender do preto. Use #2f3127 para logotipos, #b5b79f como papel ou fundo principal e traga #858774 para tipografia secundária. Dica: mantenha as fotos quentes e de baixo contraste para harmonizar com os verdes suavizados.

Exemplo de imagem de noite loden gerada pelo media.io

16) Madeira Envelhecida

HEX: #6a5e55 #85786f #a59a92 #d2c7c0 #463c35

Clima: envelhecido, quente, acolhedor

Melhor uso: conceito de interior de sala de estar

Marrons desgastados e cinzas suaves evocam madeira de celeiro, mantas de lã e paredes de reboco natural. A mistura traz conforto e vivência, ideal para interiores aconchegantes que parecem bem pensados. Use o tom claro nas paredes e o marrom mais escuro para detalhes ou prateleiras de madeira; adicione tons médios em têxteis. Dica: insira detalhes pequenos em preto ou latão, com moderação, para evitar que o ambiente fique monótono.

Exemplo de imagem de madeira envelhecida gerada pelo media.io

17) Latte de Azeitona

HEX: #6b6357 #877e71 #a59c90 #d2c8bd #4c443b

Clima: suave, cremoso, refinado

Melhor uso: template de post para redes sociais

Neutros cremosos de latte de azeitona lembram canecas de cerâmica, leite vaporizado e luz quente de balcão. Deixam posts de produto ou citações com aparência sofisticada sem precisar de cores chamativas. Use #d2c8bd como fundo, #4c443b para texto e crie profundidade com blocos arredondados em #a59c90. Dica: mantenha imagens quentes e dessaturadas para misturar naturalmente com os tons cremosos.

Exemplo de imagem de latte de azeitona gerada pelo media.io

18) Bosque Enevoado

HEX: #555f4a #707a60 #8c9674 #bcc7a3 #343b2e

Clima: enevoado, orgânico, sereno

Melhor uso: design de capa de livro

Verdes enevoados e caules sombreados evocam um bosque com névoa ao amanhecer. O contraste suporta títulos destacados, mantendo o clima literário e atmosférico. Essas combinações de cores discretas brilham com tipografia serifada e margens generosas; mantenha as imagens simples. Dica: use o título em #bcc7a3 sobre #343b2e para destacar com suavidade e confiança.

Exemplo de imagem de bosque enevoado gerada pelo media.io

19) Jardim Sépia

HEX: #6a5d4f #857667 #a39585 #d2c4b4 #4a3f35

Clima: quente, nostálgico, elegante

Melhor uso: editorial de revista

Marrons sépia remetem a pétalas secas, fotos antigas e texturas de papel prensado. Eles trazem calor ao editorial sem perder a sofisticação. Use #d2c4b4 como base da página, #4a3f35 para manchetes e #857667 em citações e legendas. Dica: deixe o espaço em branco trabalhar e evite bordas pesadas para um toque premium.

Exemplo de imagem de jardim sépia gerada pelo media.io

20) Utilitário Discreto

HEX: #5c5b50 #77766a #949286 #c4c2b5 #3b3a33

Clima: neutro, organizado, confiável

Melhor uso: UI de gerenciamento de projetos

Tons utilitários neutros lembram pastas organizadas, rotuladoras e bancadas arrumadas. Essa paleta discreta é eficaz para ferramentas de produtividade em que a clareza supera a decoração. Use #c4c2b5 em quadros e cartões, #3b3a33 para texto e #949286 nos estados selecionados e divisórias. Dica: aplique um estilo de destaque consistente para itens ativos e evite que a interface “desapareça”.

Exemplo de imagem de utilitário discreto gerada pelo media.io

21) Estúdio Siltstone

HEX: #5f6151 #7a7c69 #969880 #c8cab2 #3d3f33

Clima: estúdio, equilibrado, moderno

Melhor uso: conjunto de logo e ícones

Verdes siltstone e cinzas suaves evocam um estúdio calmo com luz natural e materiais atenuados. Os tons médios tornam os ícones amigáveis enquanto o escuro mantém as marcas nítidas. Use o tom mais profundo nos contornos, preencha com #969880 e mantenha o mais claro para espaços negativos. Dica: teste a legibilidade de ícones em tamanhos reduzidos para garantir que os tons sutis não se mesclem.

Exemplo de imagem de estúdio siltstone gerada pelo media.io

Quais cores combinam com drab?

Tons drab combinam melhor com outros neutros terrosos: off-whites quentes, pedra, massa e carvão suave. Assim, o visual permanece coeso, garantindo contraste suficiente para tipografia e estados de UI.

Para um toque moderno, inclua um único destaque limpo, como branco puro, azul profundo ou metálico discreto (latão/bronze). Isto impede que o drab pareça “empoeirado” e ajuda os elementos-chave a se destacarem.

Se quiser ousar, acrescente um ponto de cor quente—ferrugem, terracota ou argila—para dar intenção e contemporaneidade à paleta sem quebrar sua calma.

Como usar uma paleta drab em projetos reais

Comece com um tom drab claro na base (fundo, papel ou parede), depois escolha um tom escuro para texto e destaques. Essa estrutura simples de dois passos já melhora a clareza imediata.

Use tons médios para componentes do layout: cartões, divisórias, estados de UI, faixas de embalagem ou títulos secundários. Manter esses tons consistentes evita um visual “plano” ou sem contraste.

Finalize usando textura ao invés de cor extra—granulação, papel fosco, linho, concreto ou sombra suave. Paletas drab ficam mais sofisticadas quando materialidade e espaçamento fazem o trabalho.

Crie visuais com paleta drab usando IA

Se deseja visualizar uma paleta drab em um layout real (UI, embalagens, pôsteres ou interiores), gere mockups visuais primeiro—depois ajuste sua paleta antes da produção.

O Media.io permite transformar um prompt em exemplos de design limpos rapidamente, para testar contraste, clima e combinação tipográfica com seus HEX exatos.

Use um dos prompts acima, troque pelos tons drab de sua preferência e itere até obter um resultado calmo, moderno e legível.

Próximo: Paleta de cores Laranja Ferrugem