Por que essa pergunta sempre volta em reunião de design
Vocês já vão abrir um ticket pedindo para "colocar a laranja do logo" e aí todo mundo passa trinta minutos discutindo se é #FF8C00 ou #FB5607 ou algum tom que o cliente viu no Pinterest. Eu trabalhei em três agências antes de entender que o problema não era o software, era a falta de um vocabulário compartilhado. A resposta curta é que laranja é uma faixa do espectro entre vermelho e amarelo, mas a resposta longa é que depende se você está falando de RGB, CMYK, hexadecimal ou se quer que aquele quadrado impresso em papel couchê pareça com a versão na tela do cliente. Eu perdi um dia inteiro em 2019 porque entreguei um banner em CMYK e o fornecedor usou um perfil ICC genérico, então o que eu tinha como #FF7F00 saiu com uma coloração que parecia mais caju podre do que fruta fresca.
Como responder qual cor da laranja de verdade
O jeito mais direto é usar um identificador padrão. Se for para tela, escolha um código hexadecimal ou uma paleta do Pantone. Para impressão, use o valor CMYK do Pantone ou do NCS. A confusão acontece porque cada sistema de cor tem pontos de falha diferentes: o RGB vive num espaço gamut mais amplo, o CMYK depende do papel e da tinta, e o hexadecimal é só uma abreviação de RGB que muita gente usa sem entender que não é um padrão físico. Eu configuro um documento swatch no Photoshop com três versões da mesma laranja — uma para web, uma para impressão offset, e uma para tela de LED — e distribuo esse arquivo junto com o brief. O cliente para de pedir "um laranja mais vivo" porque ele vê as opções físicas. Um detalhe que ninguém conta nos cursos básicos é que a laranja depende muito do fundo. Uma cor #FF8C42 em branco puro parece radicalmente diferente quando colocada sobre preto ou cinza escuro. Eu testei isso em 2021 com um projeto de app para uma startup de alimentação: a cor do ícone mudava de "laranja vibrante" para "laranja quase marrom" dependendo da theme do modo escuro. A solução foi definir uma cor base e depois calcular o contraste com uma regra simples de luminosidade relativa, em vez de escolher cores separadas por achismo. Isso economizou pelo menos duas semanas de refações.
👉 Clique no botão abaixo para saber mais sobre o assunto!
O problema que todo mundo ignora
Existe um ponto cego nas paletas de laranja que é a saturação em hardware mobile. Telas baratas, principalmente em dispositivos Android de entrada, têm gamut limitado e muitas vezes aplicam um perfil de cor padrão que comprime os tons intermediários. Quando você pede um laranja preciso em #FF7A33, o que aparece numa tela de 300 nits com controle de cor básico pode sair com uma saturação 40% menor. Eu descobri isso de forma cruel num projeto de e-commerce para uma loja de sucos: o botão de compra, que eu tinha definido como #FF6B00, parecia quase inexistente em Samsungs gama média. A correção foi subir a saturação no arquivo de origem e testar em três dispositivos diferentes antes de entregar. O tempo extra foi de quatro horas, mas salvou a taxa de conversão. Também tem a questão da acessibilidade. Laranja puro raramente passa no contraste WCAG AA em texto, especialmente em telas com brilho reduzido. Eu evito usar laranja como cor de texto e reservei para botões, ícones e destaques visuais. Quando preciso de legibilidade, misturo com branco ou fundo escuro e calculo a razão de contraste antes de aprovar. Não adianta ter a cor certa se ninguém consegue ler o que está escrito.
Quando nenhuma cor funciona
Existem cenários em que definir qual cor da laranja é irrelevante. Se o produto envolve impressão em alta tiragem com materiais irregulares, como sacolas de juta ou embalagens de papel reciclado não alvejado, o tom final vai depender da absorção da tinta no substrato. Nesse caso, o melhor é solicitar uma prova física antes de aprovar o arquivo. Também não faz sentido insistir em cor para conteúdo gerado por usuário, onde cada pessoa vê uma paleta diferente na própria tela. Eu recomendo nesses casos focar em forma e hierarquia visual, não em cor específica. Se você quiser um guia rápido, comece definindo o meio de uso, escolha um padrão (hex para web, Pantone para impressão), teste em hardware real, e documente tudo num arquivo de design system. O resto é detalhe.
