Paleta de Cores Umber: 21 Ideias, Códigos Hex e Dicas de Design com IA

A cor umber é um marrom profundo e terroso que instantaneamente adiciona calor, peso e credibilidade ao design. É a escolha ideal para marcas que querem transmitir solidez—sem parecer ultrapassadas.

Abaixo estão ideias modernas de paletas de cores umber (com códigos HEX) para embalagens, UI, interiores e ilustração—além de prompts prontos de IA para gerar visuais combinando.

Por que as Paletas de Umber Funcionam Tão Bem

Umber está na zona dos “neutros quentes”—forte o suficiente para parecer intencional, mas calmo o bastante para dar suporte à tipografia, fotografia e detalhes de produto. É especialmente eficaz quando se precisa de um visual premium, tátil ou com ar de herança.

Por ter profundidade natural, umber cria contraste sem depender do preto puro. Combine com cremes e cinzas suaves para facilitar a leitura, ou adicione toques de terracota/cobre para trazer energia mantendo a base sólida.

No design digital, paletas umber também reduzem o brilho comparado ao branco intenso e tons muito saturados, ajudando interfaces a parecerem mais suaves e humanas—ideal para marcas de bem-estar, alimentação e estilo de vida.

20+ Ideias de Paleta de Cores Umber (com Códigos HEX)

1) Lar de Cedro

HEX: #5a3d2b #8a5a3c #c9a27a #f2e6d8 #2b1f1a

Clima: acolhedor, rústico, estável

Melhor para: embalagem de café

Aconchegante e defumado, esses tons evocam vigas de cedro, grãos torrados e a iluminação quente de um café. O marrom profundo e quase preto ainda ancoram os rótulos, enquanto bege e creme mantêm a tipografia legível. Combine com texturas de papel não revestido e serifa simples para um toque premium. Dica de uso: use o creme como fundo principal e reserve o tom mais escuro para logos e principais chamadas.

Exemplo de imagem do lar de cedro gerada 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 Grátis Agora

2) Argila do Deserto

HEX: #6b4a3b #b06a4a #d8a27b #f4efe6 #3d2a23

Clima: queimado pelo sol, artesanal, quente

Melhor para: página inicial de marca de cerâmica

Tons aquecidos e táteis, esse conjunto lembra barro manual, luz do deserto e trilhas empoeiradas. A terracota suave traz energia acolhedora sem excesso, equilibrada por neutros de areia. Ótimo para interfaces de lifestyle onde a foto precisa de moldura calma e os botões ainda chamam atenção. Dica de uso: mantenha CTAs na terracota e deixe o marrom escuro para os títulos.

Exemplo de imagem de argila do deserto gerada com media.io

3) Couro Antigo

HEX: #4a3326 #7a4f35 #a97a55 #e6d2bc #1f1714

Clima: herança, refinado, clássico

Melhor para: capa de livro

Com ar de herança e refinamento, esses tons remetem a couro gasto, bordas douradas e antigas bibliotecas. Os marrons médios são confiáveis e atemporais, enquanto o pergaminho claro mantém os títulos nítidos. Ideal para ficção histórica, memórias e cadernos premium onde calor importa mais do que cor viva. Dica de uso: faça o título em alto relevo no tom mais claro e destaque com o marrom mais escuro para contraste clássico.

Exemplo de imagem de couro antigo gerada com media.io

4) Umber da Floresta

HEX: #4b3a2a #6a5b45 #8d7a5b #c7b99b #1d261f

Clima: terroso, silencioso, natural

Melhor para: branding de equipamentos outdoor

Terroso e silencioso, esses tons sugerem solo de floresta, casca de árvore e trilhas sombreadas. O verde-preto adiciona toque rústico que afasta os marrons do excesso de aconchego. Entre as combinações de umber, esta é especialmente forte para logos, etiquetas e selos. Dica de uso: use o verde-preto mais escuro atrás da tipografia branca pequena e o cáqui claro para painéis secundários.

Exemplo de imagem de umber da floresta gerada com media.io

5) Linho Mocha

HEX: #5c4538 #8b6a58 #bda089 #f2eadf #3a2a24

Clima: suave, minimalista, acolhedor

Melhor para: embalagem de skincare

Suave e minimalista, essa paleta lembra mocha quente, tecido de linho e luz suave da manhã. O creme na base mantém o visual limpo, e os tons de cacau destacam nomes de produto e ingredientes. Perfeita para wellness/skincare, onde transmitir calma e confiança é essencial. Dica de uso: mantenha a maior parte em creme e use o mocha para ícones, evitando aparência pesada.

Exemplo de imagem de linho mocha gerada com media.io

6) Tinta Terracota

HEX: #5a3b2f #9b4f3c #d8a18a #f6f1ea #231a1a

Clima: marcante, editorial, expressivo

Melhor para: layout editorial de revista

Marcante e editorial, esses tons evocam pigmento de argila, títulos destacados e arte moderna. O quase preto dá estrutura nítida, enquanto a terracota aquece e direciona o olhar. Use em layouts que precisam de personalidade sem serem neon. Dica de uso: reserve terracota para destaques e títulos de sessão, mantendo texto no tom mais escuro para clareza.

Exemplo de imagem de tinta terracota gerada com media.io

7) Madeira de Latão

HEX: #4f3727 #7b5b3a #b08a4f #e7d8b8 #2a201a

Clima: vintage, polido, confiante

Melhor para: design de cardápio de restaurante

Vintage mas sofisticada, essa combinação faz pensar em detalhes em latão, bares de madeira escura e mesas à luz de vela. O dourado adiciona luxo sutil sem chegar ao amarelo vivo. Ótima para cardápios, listas de vinho e materiais de hospitalidade onde leitura é essencial. Dica de uso: use o tom latão para divisórias e ícones, títulos no marrom escuro para hierarquia clara.

Exemplo de imagem de madeira de latão gerada com media.io

8) Areia de Cacau

HEX: #5b4030 #7d5b45 #a9876d #d7c2a6 #f3eadf

Clima: amigável, quente, acessível

Melhor para: templates de post para redes sociais

Amigáveis e quentes, esses tons remetem pó de cacau, areia de praia e sombras suaves. O degradê do marrom ao creme deixa o layout sofisticado sem precisar de elementos gráficos extras. Perfeito para cards de citações, promoções e carrosséis onde consistência de marca soma. Dica de uso: mantenha o texto no creme ou areia clara; o marrom escuro só para destaques e selos pequenos.

Exemplo de imagem de areia de cacau gerada com media.io

9) Tempero de Colheita

HEX: #5a3523 #8f4f2f #c57d4a #e6b58a #f6eadc

Clima: outonal, energético, acolhedor

Melhor para: pôster promocional sazonal

Outonal e energético, este conjunto evoca abóbora assada, canela e a luz do sol no final da tarde. Os tons de especiarias laranja-marrom são animados, enquanto o creme pálido evita que o design fique pesado demais. Estas combinações de cores úmbar são ótimas para promoções sazonais, feiras agrícolas e especiais de cafés. Dica de uso: coloque manchetes grandes nos marrons mais escuros e use o tom de especiaria como cor de adesivo para chamadas de destaque.

Exemplo de imagem do tom de especiaria da colheita gerado usando media.io

10) Ardósia Sienna

HEX: #5a3a2c #8f5d4c #b98c7a #c9cfd4 #2b2f33

Clima: moderno, equilibrado, levemente frio

Melhor para: interface de painel de controle

Moderno e equilibrado, estes tons misturam o sienna quente com a ardósia fria para uma vibe composta e profissional. Os cinzas dão espaço para respirar e mantêm os marrons com aparência contemporânea, ao invés de rústica. Use para painéis analíticos onde gráficos e cartões precisam de contraste sutil. Dica de uso: reserve a ardósia mais escura para navegação e o sienna para estados ativos, permitindo escaneamento rápido pelo usuário.

Exemplo de imagem da ardósia sienna gerado usando media.io

11) Creme de Pecã

HEX: #614434 #8e6a55 #b9967f #e5d3c3 #fbf6ee

Clima: delicado, arejado, reconfortante

Melhor para: conjunto de convites de casamento

Delicado e arejado, estes tons lembram cascas de pecã, creme batido e papel suave. Os neutros claros tornam perfeito para tipografia delicada, enquanto os marrons mais profundos oferecem estrutura suficiente para monogramas. É adequado tanto para casamentos rústico-elegantes quanto para papelaria minimalista. Dica de uso: imprima o texto principal no marrom mais escuro e mantenha bordas e ornamentos no pecã intermediário para um acabamento suave.

Exemplo de imagem do creme de pecã gerado usando media.io

12) Pinho Cobre

HEX: #4a3327 #7a4a3a #b8734f #3a4a3f #e9dccb

Clima: aventureiro, artesanal, ao ar livre

Melhor para: rótulo de cerveja artesanal

Aventureiro e artesanal, esta mistura sugere chaleiras de cobre, agulhas de pinho e espuma cremosa. O verde adiciona um contraponto fresco e de exterior que impede os marrons de se misturarem. Funciona em rótulos e latas onde se deseja calor e frescor ao mesmo tempo. Dica de uso: use o cobre para o emblema principal e fundamente o bloco de texto com o marrom mais escuro para legibilidade.

Exemplo de imagem do pinho cobre gerado usando media.io

13) Névoa de Nogueira

HEX: #4d3a30 #6d584c #9a8578 #c9c0ba #f0ece8

Clima: tranquilo, contemporâneo, neutro

Melhor para: moodboard de design de interiores

Tranquilo e contemporâneo, estes neutros de nogueira e névoa evocam tecidos suaves, cerâmica fosca e luz difusa de janela nublada. O taupe e o cinza quente conectam os marrons, dando sensação moderna e flexível ao conjunto. É um esquema de cores úmbar fácil para interiores, lookbooks e decks de marca que precisam de coesão calma. Dica de uso: deixe o tom de névoa pálido dominar e adicione detalhes de nogueira em pequenos toques repetidos para criar ritmo.

Exemplo de imagem da névoa de nogueira gerado usando media.io

14) Sepia Florada

HEX: #5a3e32 #8a5f52 #c59a8a #e8d2c7 #f7f1eb

Clima: romântico, nostálgico, suave

Melhor para: ilustração botânica aquarelada

Românticos e nostálgicos, estes tons sépia lembram pétalas prensadas, fotos antigas e lavagens de aquarela. Os marrons rosados medianos acrescentam calor sem virar rosa, mantendo as flores sofisticadas. Use para impressões botânicas, páginas de diário e direção de arte suave de marcas. Dica de uso: pinte áreas maiores com o tom mais claro primeiro e construa profundidade com sépia mais escuro para hastes e sombras.

Exemplo de imagem da sepia florada gerado usando media.io

15) Argila Moderna

HEX: #553a2f #775549 #a37a6a #d9c7bf #2f2b2a

Clima: arquitetônico, moderno, fundamentado

Melhor para: guia de estilo de marca

Arquitetônico e fundamentado, estas cores evocam reboco de argila, bancadas de pedra e detalhes em carvão. O neutro escuro mantém os layouts acentuados, enquanto os tons médios de argila permanecem elegantes em grandes blocos. É uma escolha inteligente de paleta de cores úmbar para guias de estilo que precisam transmitir confiança e atualidade. Dica de uso: defina um tom médio como principal da marca e use o tom mais claro para fundos de páginas espaçosas.

Exemplo de imagem da argila moderna gerado usando media.io

16) Toffee Noir

HEX: #3b261f #6a3f30 #a06344 #d2a17e #f4e6d8

Clima: dramático, luxuoso, alto contraste

Melhor para: anúncio de produto de perfume

Dramático e luxuoso, este conjunto lembra chocolate amargo, cobertura de toffee e sombras de veludo. O alto contraste entre noir e creme faz com que mensagens de produto pareçam premium e assertivas. Use para anúncios brilhantes, banners de destaque e embalagens onde o drama ajuda o produto a se destacar. Dica de uso: mantenha fundos profundos e deixe o creme realçar a silhueta do frasco e o texto principal.

Exemplo de imagem do toffee noir gerado usando media.io

17) Papel do Canyon

HEX: #5e3d2c #8b5c43 #b9835f #e0c2a8 #f7efe6

Clima: ensolarado, natural, artesanal

Melhor para: design de flyer

Ensolarados e artesanais, estes tons de canyon lembram papel feito à mão, arenito e poeira quente. Os tons medianos são fortes para manchetes, enquanto a base clara deixa o visual geral leve. Ideal para flyers comunitários, oficinas e eventos locais onde se busca calor acessível. Dica de uso: use o marrom mais escuro para o texto principal e o terracota médio para destacar data e localização.

Exemplo de imagem do papel do canyon gerado usando media.io

18) Casca e Manteiga

HEX: #4a3426 #6d4c35 #9a6f4a #e7d6b5 #fff6e6

Clima: saudável, aconchegante, convidativo

Melhor para: logo de padaria e embalagem

Saudável e aconchegante, estas cores evocam crosta tostada, manteiga dourada e sacos de papel kraft. Os tons claros de manteiga iluminam o conjunto, deixando-o amigável em vez de pesado. Ideal para logos de padaria, selos adesivos e embalagens de caixa pequena. Dica de uso: defina o logo no tom mais escuro de casca e use manteiga como espaço negativo, mantendo o logo nítido em tamanhos pequenos.

Exemplo de imagem da casca e manteiga gerado usando media.io

19) Umber Glacial

HEX: #5a3f33 #7b5f54 #a08a84 #c7d3dc #f3f7f9

Clima: fresco, contido, contemporâneo

Melhor para: telas de onboarding de aplicativo

Fresco e contido, esta combinação lembra pedra quente contra ar gelado da manhã. Os azul-cinzas frios mantêm os marrons nítidos, ajudando designs digitais a parecerem modernos e limpos. Para combinações úmbar em apps, esta é ótima quando se busca calor sem o visual pesado ou vintage. Dica de uso: coloque ilustrações na faixa azul-cinza suave e reserve o marrom mais escuro para ações principais e títulos de etapas.

Exemplo de imagem do umber glacial gerado usando media.io

20) Cacau Cereja

HEX: #3f2722 #6b3a33 #8f4a3f #b77a6f #f1e3dc

Clima: rico, romântico, dramático

Melhor para: embalagem de barra de chocolate artesanal

Rico e romântico, esta mistura sugere nibs de cacau, notas de cereja e embalagens escuras e brilhantes. O marrom rosado adiciona um toque sensual, impedindo que o conjunto fique neutro demais. É uma forte direção de paleta úmbar para embalagens de alimentos gourmet que precisam de calor e apelo apetitoso. Dica de uso: faça do tom mais escuro a base da embalagem e use o creme claro para áreas de ingredientes e código de barras.

Exemplo de imagem do cacau cereja gerado usando media.io

21) Terra de Museu

HEX: #4b3528 #6f4f3a #9b7859 #c7b29d #ece3d6

Clima: curado, intelectual, atemporal

Melhor para: pôster de exposição de museu

Curado e atemporal, estes tons terrosos lembram impressões arquivadas, molduras de madeira entalhada e paredes de galeria. A progressão contida do escuro para o claro faz tipografia e legendas de arte parecerem pensadas. Use para pôsteres culturais, séries de palestras e sistemas de identidade onde sofisticação é importante. Dica de uso: mantenha imagens enquadradas pelo neutro mais claro e use o marrom intermediário para faixas de seção, guiando o olhar.

Exemplo de imagem da terra de museu gerado usando media.io

Quais Cores Combinam Bem com Umber?

O úmbar combina lindamente com brancos cremosos, pergaminho e cinzas quentes: estes mantêm os layouts arejados e deixam o marrom parecer rico, não pesado. Esta é a direção mais segura para branding e embalagem que precisa de clareza.

Para maior contraste, adicione tons de ardósia fria, azul-cinza ou verde-escuro para modernizar a paleta. Se desejar calor e apelo apetitoso, traga terracota, cobre ou laranjas condimentados suaves como destaque.

O úmbar também funciona com marrons rosados suaves e tons de rosa empoeirado para visuais românticos e editoriais — principalmente em ilustrações, papelaria e tratamentos fotográficos de estilo de vida.

Como Usar uma Paleta Umber em Projetos Reais

Comece com um neutro claro como fundo principal (creme, névoa, pergaminho), depois utilize úmbar para cabeçalhos, molduras e componentes-chave de UI. Isso evita o efeito “lamacento” que ocorre quando marrons medianos dominam todas as superfícies.

Escolha uma cor de destaque (terracota, latão-ouro, ardósia ou pinho) e reserve para CTAs, ícones ou marcadores de seção. Mantendo o destaque consistente, o esquema de cores úmbar se torna intencional e escalável em diferentes formatos.

Para impressão, o úmbar destaca-se em papéis texturizados como kraft ou não revestidos; para digital, aumente um pouco o contraste (texto mais escuro, fundos mais claros) para garantir acessibilidade e legibilidade nítida.

Crie Visuais de Paleta Umber com IA

Se você já tem códigos HEX, pode criar mockups coesos descrevendo o produto ou layout (embalagem, UI, pôster etc.) e indicando o mood — aconchegante, moderno, editorial ou ao ar livre.

Use os prompts incluídos sob cada paleta como ponto de partida e troque o tema (por exemplo, “saco de café” para “rótulo de vela”) mantendo notas de iluminação e composição para resultados consistentes.

Gere várias variações, escolha a composição mais forte e reutilize a mesma paleta em diferentes ativos para manter seu sistema de marca visualmente unificado.

Próximo: Paleta de Cores da Biblioteca