Gradientes laranja e rosa: códigos quentes além do pôr do sol

Um gradiente laranja e rosa mistura dois vizinhos quentes: tangerina como #f97316 ou pêssego como #fed7aa de um lado, rosa como #ec4899 ou rosado como #fda4af do outro, normalmente com coral no meio. Como os matizes ficam lado a lado, a mistura nunca fica turva. O que pode ficar é previsível, porque a combinação é abreviatura de pôr do sol. Os códigos abaixo estão agrupados por ambiente, do pêssego suave à brasa escura, para escolheres uma versão que pareça tua e não um fundo de telemóvel.

Cores entre o laranja e o rosa

Caminha do laranja ao rosa e passas por coral, salmão e melancia, todos saturados e quentes. Aclara o caminho e obténs alperce, pêssego e rosado. Escurece-o e obténs ferrugem, terracota e framboesa. A maioria dos bons gradientes laranja e rosa usa três paragens da mesma faixa de luminosidade em vez de um salto do pêssego pálido ao rosa forte.

Gradientes suaves de pêssego e rosado

O laranja e o rosa pálidos juntos parecem pele, linho e luz do início da manhã. Isso torna-os uma escolha natural para cuidados de pele, noivas, bem-estar e padarias. Também ficam bem fotografados atrás de produtos, porque favorecem os tons quentes. Compõe o texto em ferrugem profundo e não em preto; mantém o calor.

Gradientes de coral, toranja e melancia

O laranja e o rosa saturados são puro verão: sumo de toranja, toalhas de praia, cartazes de festival. São ruidosos o suficiente para parar o deslizar e simpáticos o suficiente para não parecerem agressivos. Mantém-nos longe de texto muito pequeno e dá-lhes um canto calmo.

Terracota terrosa e rosa desbotado

Atenua as duas cores e o par fica calmo e assente, a paleta de potes de barro, flores secas e paredes cozidas pelo sol. É a versão menos usada e muitas vezes a mais elegante. Combina bem com oliveira, areia e creme, e funciona ao lado de paletas de tons terrosos.

Gradientes escuros de brasa e framboesa

Parte de um fundo castanho profundo ou ameixa e deixa o laranja e o rosa brilharem a partir dele, e o par deixa de ser alegre para ficar íntimo: luz de velas, brasas, uma carta de cocktails. Estes suportam texto claro com facilidade, o que os torna práticos para cartazes de eventos e ofertas da noite.

Como evitar o cliché do pôr do sol

O laranja ao rosa numa diagonal de 45 graus está em todo o lado, de fundos de telemóvel a ícones de aplicações, por isso lê-se como predefinição. Se queres o calor sem a predefinição, muda pelo menos uma das coisas abaixo. Gradientes de pôr do sol trata da versão literal, se for isso que queres.

Cores de texto sobre laranja e rosa

O laranja é uma das cores saturadas mais claras, por isso o texto branco sobre tangerina ou alperce é mais fraco do que parece. O ferrugem profundo ou a sombra queimada é a tinta fiável nas versões suaves e vivas; o creme serve as escuras. As razões usam a fórmula das WCAG, em que 4,5:1 é o mínimo habitual para texto corrido e contraste de cor explica o resto.

CSS de gradiente laranja e rosa

.warm-hero {
  background-color: #fff7ed;
  background-image:
    radial-gradient(circle at 85% 20%, #fb7185 0%, transparent 45%),
    radial-gradient(circle at 10% 90%, #fdba74 0%, transparent 50%),
    linear-gradient(160deg, #fff7ed 0%, #fed7aa 100%);
  color: #431407;
}

Sobrepor duas luzes radiais suaves a uma base pálida dá um calor muito mais natural do que uma única diagonal. Se queres um calor que seja inconfundivelmente teu, o Mercado do Gradiently deixa-te procurar Marks por palavras de cor como “coral” ou “pêssego”. Cada Mark é único, com exatamente um dono de cada vez, e depois de o reivindicares só tu podes exportar com ele.