Cores que começam com E: guia prático para designers e desenvolvedores
A letra E no início do nome de uma cor não é tão abundante quanto o C ou o A, mas o que existe é bastante útil quando você precisa de algo específico. Vou listar as principais, dar os códigos e explicar onde cada uma funciona bem no dia a dia.
Cor que começa com E mais usada no mercado
Se você está procurando uma cor que comece com E para usar em um projeto real, provavelmente vai cair em uma destas três: esmeralda, escarlate ou ébano. São as que aparecem com mais frequência em paletas profissionais e design systems.
Esmeralda
O esmeralda é um verde médio-saturado com um leve tom azulado. O código hexadecimal mais comum é #50C878. Existem variações como o esmeralda claro (#2E8B57, que também se aproxima do sea green) e o esmeralda escuro (#046307). No meu trabalho, uso esmeralda principalmente em dashboards e interfaces financeiras. A cor transmite crescimento e estabilidade sem ser aquela verde genérico de "botão de confirmar". A desvantagem é que ela não funciona bem em fundos brancos com texto preto — o contraste costuma ficar abaixo do nível AA para texto pequeno. Quando precisei resolver isso em um projeto recente, acabei usando o esmeralda apenas para ícones e badges, mantendo o texto em cinza escuro com fundo branco. Para fundo da cor inteira, prefiro o #046307, que resolve o problema de contraste de forma mais simples.
Escarlate
O escarlate é um vermelho vivo com subtom laranja. O código hexadecimal padrão é #FF2400. Há variações como o escarlate claro (#FF4040) e o escarlate escuro (#990000). Usei escarlate em um sistema de alertas de segurança onde o vermelho padrão (#FF0000) parecia muito agressivo e genérico. O escarlate manteve a urgência visual mas foi percebido como menos alarmista pelos usuários. O problema prático que enfrentei foi a consistência entre monitores: em telas com calibração fria, o escarlate tende a parecer mais laranja do que vermelho, o que quebra a identidade visual se você tiver múltiplos dispositivos sendo usados simultaneamente. A solução foi definir um valor de cor em LAB ao invés de depender só do HEX, usando aproximadamente L:55 a:65 b:60 como referência de controle de qualidade.
👉 Clique no botão abaixo para saber mais sobre o assunto!
Ébano
O ébano é um preto quase absoluto, levemente quente. O código mais citado é #21120A. Algumas fontes usam #1A0A0A ou #301F1E, dependendo da precisão desejada. Muita gente usa preto puro (#000000) para fundos escuros, mas o ébano é melhor na maioria dos casos porque reduz o contraste extremo que causa fadiga ocular em leitura prolongada. Em um projeto de leitor de conteúdo long-form, substituí o preto puro pelo ébano e o tempo médio de permanência da página aumentou cerca de 12%, segundo os dados de analytics. O contraponto é que o ébano não funciona como verdadeiro preto em prints ou materiais impressos onde a subtração de cores exige #000000 real. Se o projeto passa por impressão, use ébano na tela e mude para preto puro no arquivo de saída.
Outras cores com E menos conhecidas
Eburneo — #FFF8E7. É um branco levemente amarelado, parecido com marfim. Útil para fundos que precisam de calor sem parecer amarelo. Não use em textos pequenos, o amarelado cansa a vista rápido. Episkey — #E5E0D1. Um bege-cinza muito suave. Quase invisível como cor de destaque, mas funciona bem como cor de fundo neutro em interfaces minimalistas onde o branco puro parece muito frio.
Ecru — #C2B280. Um bege arenoso com tom oliva. Bom para designs que buscam uma paleta terrosa e orgânica. O problema é que ecru tem saturação baixa demais para servir como cor de ação ou chamada para ação em qualquer interface moderna.
Como escolher entre essas opções na prática
Não adianta só olhar a cor e gostar. O que determina a escolha correta é o contexto de uso. Se você precisa de uma cor de destaque para botões e alertas, esmeralda e escarlate são as únicas opções viáveis entre as que começam com E. Se o objetivo é fundo ou cor primária de marca, ébano e ecru entram na equação. Uma coisa que pouca gente considera: a acessibilidade. Teste sempre a combinação de cor com o texto que vai sobreposto usando uma ferramenta de verificação de contraste WCAG. Esmeralda sobre branco falha em tamanho de fonte pequeno. Escarlate sobre branco é aceitável apenas para texto grande (acima de 18px em negrito ou 24px normal). Ébano sobre branco passa em todos os níveis, o que o torna a opção mais segura para texto quando o fundo é claro.
Se você está construindo um design system, recomendo documentar cada cor com seu nome, código HEX, código RGB e valor LAB. Assim quando alguém mudar a calibração do monitor ou trocar de equipe, a cor permanece reconhecível independentemente do dispositivo.
