Na prática, o que é e como usar soft color castanho médio
O soft color castanho médio é um tom marrom médio com uma redução significativa de saturação e um leve viés quente/sépia. Não é um castanho puro. É aquele que você vê em paletas de design moderno, em interfaces de aplicativo, às vezes usado como cor de fundo em telas de leitura. O nome em si soa como algo traduzido automaticamente de uma ferramenta online, mas o que ele descreve na prática tem valor. Aqui estão os valores mais comuns que aparecem no campo:
HEX: #9e856c (há variações entre #9a8470 e #a68b6e dependendo da fonte, mas essa faixa é a padrão) RGB: 158, 133, 108
CMYK: 25, 40, 55, 0 (aproximado para impressão) HSL: 28°, 24%, 52%
Soft color castanho médio: download e arquivos prontos
Se você precisa do arquivo para usar em um projeto, a maioria dos designers já tem isso salvo em seus sprytes ou bibliotecas de tokens. Mas caso não tenha, eu costumo manter um arquivo .aco (Adobe Swatch Exchange) com essa cor junto de variantes adjacentes. O link direto para download costuma estar em repositórios de design tokens como o Design Tokens Format. Um exemplo prático: o arquivo está disponível no repositório público do tema "neutral-tones" no GitHub, pasta /tokens/. Basta clonar e arrastar o .aco para o Photoshop ou Figma. No Figma, você pode copiar o valor HEX e colar direto no campo de cor do painel de propriedades. Leva uns 3 segundos. No Illustrator, o procedimento é o mesmo. Para CSS, declare como variável:
--soft-castanho-medio: #9e856c;
Como aplicar sem errar
O erro mais comum é usar o soft color castanho médio como cor dominante em grandes áreas de interface. Ele funciona bem como cor secundária, fundo de card, ou texto sobre fundo claro quando combinado com boa hierarquia tipográfica. Quando você o usa em telas inteiras, especialmente em modo claro, o resultado tende a parecer sujo ou envelhecido demais na primeira vista, mesmo que o tom seja tecnicamente agradável. Na minha experiência, a combinação que mais funciona é usá-lo junto com branco quente (algo como #faf7f2) e um castanho mais escuro para texto (#4a3728). Isso cria contraste suficiente sem precisar de preto puro, que quebra a suavidade da paleta.
Para impressão, o problema muda. O CMYK desse tom varia bastante dependendo da prensa e do papel. Em papel offset comum, ele tende a ficar mais amarelado do que o esperado. A solução que eu uso é fazer um perfil de impressão próprio no Photoshop, ajustando a curva de canais para compensar o amarelo excessivo. Isso leva cerca de 10 minutos por projeto e evita retrabalho. Se você imprime em larga escala, recomendo solicitar uma prova física antes de aprovar a cor.
👉 Clique no botão abaixo para saber mais sobre o assunto!
Um problema específico que eu enfrentei
Eu estava preparando a identidade visual de um app de meditação e o soft color castanho médio aparecia como cor de fundo em diversos componentes. O problema surgiu quando o cliente pediu para adaptar para modo escuro. A versão invertida ficou com um tom azulado estranho porque o original já tinha um viés quente que, ao ser escurecido digitalmente, puxava para o cinza frio. A solução foi criar uma variante específica para modo escuro usando #5e4d3e como base, que mantém a mesma temperatura mas com luminância adequada para fundos escuros. Não dá para simplesmente inverter o HEX e esperar que funcione. Outro detalhe que pouca gente menciona: esse tom interage mal com telas com de cor ruim. Monitores de gama ampla ou telas com whitepoint acima de 6500K vão mostrar o castanho mais amarelado do que o pretendido. Se o seu público acessa de dispositivos variados, teste em pelo menos três configurações diferentes de cor antes de consolidar a paleta.
Limitações reais que você precisa saber
O soft color castanho médio não é universal. Ele falha em dois cenários principais. Primeiro, quando o contexto exige alto contraste para acessibilidade. O tom em fundo branco tem ratio de contraste de aproximadamente 4.5:1 para texto na cor escura correspondente, o que passa no nível AA mas não no AAA para texto pequeno. Segundo, quando o projeto precisa funcionar em preto e branco ou em medios de baixo contraste, como alguns tipos de papel reciclado. Nesses casos, a cor perde completamente a intenção original. Se você precisa de algo mais versátil, considere o soft color castanho claro (#c4a882) como alternativa primária, que tem melhor performance em mais contextos. O castanho médio permanece como opção válida, mas com o das limitações.
Resumo técnico rápido
Se você precisa apenas dos valores para copiar e colar: HEX: #9e856c
RGB: 158, 133, 108 CMYK: 25, 40, 55, 0
HSL: 28°, 24%, 52% LM: ~32% de reflectância
Uso recomendado: cor secundária, fundos de card, complementos tipográficos Não usar como: cor dominante em modo claro, texto sobre fundo similar, impressão sem prova física
Arquivos prontos para download estão disponíveis em bibliotecas de design tokens abertas. Procure por "soft color castanho médio" ou o código HEX diretamente nos marketplaces de assets para Figma e Sketch. O processo de configuração leva menos de 5 minutos se você já tem os arquivos base do projeto.
