Paleta de Cores

Cor mocha

Leva o nome do café mocha, que mistura café e chocolate. Sua versão Mocha Mousse foi escolhida a cor do ano Pantone 2025. É um marrom suave e rosado, muito usado em interiores aconchegantes e maquiagem.

Também conhecida como: moca, mocha mousse.

Mocha · #A47864

Sobre a cor mocha

O mocha (#A47864) é uma cor quente, de luminosidade média e suave e apagada. Faz parte da família dos marrons. É formada por 164 de vermelho, 120 de verde e 100 de azul (de 0 a 255). É usada principalmente em moda, decoração, maquiagem.

Tons de mocha: claros e escuros

Do mais claro ao mais escuro. Toque em um tom para copiar o código.

Harmonias da cor mocha

Combinações baseadas no círculo cromático. Veja mais em harmonia de cores.

ComplementarPróximo de: Cinza-azulado
AnálogasPróximo de: Ouro rosé, Areia
TríadePróximo de: Verde-sálvia, Ultravioleta
Complementar divididaPróximo de: Verde-azulado, Azul-aço
TétradePróximo de: Verde-musgo, Cinza-azulado, Ameixa

Paletas com a cor mocha

Copie os códigos ou abra a paleta no editor para ajustá-la.

Paleta monocromática · Mocha
Paleta análoga · Mocha
Paleta complementar · Mocha
Paleta tríade · Mocha
Paleta com neutros · Mocha
Paleta com destaque · Mocha

Contraste de mocha com texto

Texto brancoContraste 3.9:1 · AA texto grande
Texto pretoContraste 5.4:1 · AA

Segundo as diretrizes WCAG 2.1. Teste outras combinações no verificador de contraste.

Código CSS

:root {
  --mocha: #A47864;
  --mocha-rgb: 164, 120, 100;
}
.fundo { background-color: var(--mocha); }
.texto { color: var(--mocha); }

Cores parecidas com mocha

Café com leiteRosa antigoTabacoMarsalaCamelCaféOuro roséCinza-pedraRosa secoCáqui

Paletas temáticas com esta cor

Paletas de cores para primeira comunhãoPaletas de cores aestheticPaletas de cores de outonoPaletas de cores para o Dia dos Namorados

Mais marrons

MarromCaféChocolateMognoCastanhoCanelaSépiaOcreCarameloCamelCáquiAreiaBegeNudeBronzeTabacoSienaCafé com leite

Perguntas frequentes

Qual é o código da cor mocha?

O código HEX da cor mocha é #A47864. Em RGB é rgb(164, 120, 100), em HSL é hsl(19, 26%, 52%) e em CMYK é 0, 27, 39, 36.

Qual é a cor complementar de mocha?

A complementar no círculo cromático é #6490A4, um tom próximo de cinza-azulado. Em pequenas doses, funciona como cor de destaque e cria bastante contraste.

Dá para usar texto branco sobre a cor mocha?

Melhor usar texto preto: o contraste com o branco é só 3.9:1, enquanto com o preto é 5.4:1.