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

Um degradê 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, em geral com coral no meio. Como os matizes ficam lado a lado, a mistura nunca fica barrenta. O que ela pode virar é previsível, porque a combinação é atalho para pôr do sol. Os códigos abaixo são agrupados por clima, do pêssego suave à brasa escura, para você escolher uma versão que pareça sua e não um papel de parede de celular.

Cores entre o laranja e o rosa

Caminhe do laranja ao rosa e você passa por coral, salmão e melancia, todas saturadas e quentes. Clareie o caminho e surgem damasco, pêssego e rosado. Escureça-o e surgem ferrugem, terracota e framboesa. A maioria dos bons degradês laranja e rosa usa três paradas da mesma faixa de luminosidade, em vez de um salto do pêssego pálido ao rosa choque.

Degradês suaves de pêssego e rosado

Laranja e rosa pálidos juntos parecem pele, linho e luz do início da manhã. Isso os torna ideais para cuidados com a pele, noivas, bem-estar e padarias. Também fotografam bem atrás de produtos, porque valorizam tons quentes. Componha o texto em ferrugem profundo em vez de preto; isso mantém o calor.

Degradês coral, toranja e melancia

Laranja e rosa saturados são puro verão: suco de toranja, toalhas de praia, cartazes de festival. São altos o bastante para parar uma rolagem e simpáticos o bastante para não parecerem agressivos. Mantenha-os longe de texto bem pequeno e dê a eles um canto calmo.

Terracota terrosa e rosa empoeirado

Atenue as duas cores e o par fica calmo e firme, a paleta de vasos de barro, flores secas e paredes aquecidas pelo sol. É a versão mais subutilizada e muitas vezes a mais elegante. Combina com oliva, areia e creme, e funciona bem ao lado de paletas de tons terrosos.

Degradês escuros de brasa e framboesa

Parta de um fundo marrom profundo ou ameixa e deixe o laranja e o rosa brilharem a partir dele, e o par deixa de ser alegre e vira íntimo: luz de vela, brasas, um cardápio de coquetéis. Eles sustentam texto claro com facilidade, o que os torna práticos para cartazes de eventos e ofertas noturnas.

Como fugir do clichê do pôr do sol

Laranja para rosa numa diagonal de 45 graus está por toda parte, de papéis de parede de celular a ícones de app, então parece o padrão. Se você quer o calor sem o preset, mude ao menos uma das coisas abaixo. Degradês de pôr do sol cobre a versão literal, se é isso que você quer.

Cores de texto sobre laranja e rosa

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

CSS de degradê 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 que uma única diagonal. Se você quer um calor que seja inconfundivelmente seu, o Mercado do Gradiently permite buscar Marks por palavras de cor como “coral” ou “pêssego”. Cada Mark é único, com exatamente um dono por vez, e depois que você o reserva só você pode exportar com ele.