Tons de marrom: claros, escuros e códigos HEX

Compare amostras, nomes e códigos para montar sua paleta.

Os tons de marrom incluem variações claras, como areia e caramelo, e escuras, como chocolate e café. Compare as amostras e os códigos para montar uma paleta terrosa com diferenças visíveis entre fundo e detalhes. Ver tabela de tons e códigos.

Preview Escolhido

Use o botão ao lado para escolher uma cor. Ao selecionar, o tema será atualizado automaticamente com base na sua escolha.

Visualização das Cores Nome e Sobrenome 250 posts 5k seguidores 500 seguindo 250 posts 5k followers 500 following

Criamos estas combinações de cores para você

A mesma tecnologia de clientes LojaVirtual.com.br, agora disponível para todos.

Tons de marrom: claros, escuros e códigos HEX

paleta de cores marrom

Os nomes abaixo são referências ilustrativas para projetos digitais, não códigos oficiais de tintas ou tecidos. A aparência depende da tela, iluminação e material. HEX e RGB identificam a mesma amostra digital.

Exemplos de tons para comparar e usar em uma paleta digital
NomeAmostraHEXRGB
Marrom areia#C2B280194, 178, 128
Marrom claro#C4A484196, 164, 132
Caramelo#C68E17198, 142, 23
Canela#A0522D160, 82, 45
Castanho#8B4513139, 69, 19
Chocolate#7B3F00123, 63, 0
Marrom escuro#654321101, 67, 33
Café#4B362175, 54, 33

Como diferenciar os tons de marrom?

Caramelo puxa para o amarelo; canela se aproxima de um marrom avermelhado; café e chocolate são opções escuras. Fotografias de madeira, couro e tecido variam com a iluminação, por isso use uma amostra consistente ao preparar materiais digitais.

Combinações para experimentar

Marrom café + creme

Compare #4B3621 e #FFFDD0 para separar detalhes escuros de um fundo claro.

Caramelo + azul-marinho

Experimente #C68E17 com #000080 para combinar um marrom amarelado com azul profundo.

Chocolate + verde menta

Use #7B3F00 e #98FF98 como exemplo de composição entre marrom escuro e verde claro.

Marrom e tons terrosos são a mesma coisa?

Marrom é uma família de cores. Uma paleta de tons terrosos também pode incluir bege, terracota, ocre e verdes próximos do oliva. Você pode combinar essas famílias sem usar apenas variações de marrom.

Como usar os códigos e a ferramenta de paletas

Copie o código HEX da tabela para o campo de cor do seu editor. Na ferramenta acima, escolha uma cor, compare as paletas e visualize a composição. Para textos e botões, meça o contraste entre a cor do texto e o fundo; uma combinação visual agradável não garante legibilidade.

Continue comparando na paleta de cores verde ou explore o gerador de paletas de cores.

Conteúdo revisado em 15/10/2026. Exemplos de cores preparados para consulta digital.


Todas as paletas de cores


Ver todas as Paletas