Códigos de degradê rosa e roxo, do doce ao entardecer

Um degradê rosa e roxo mistura dois vizinhos do círculo cromático, um rosa como #ec4899 e um violeta como #9333ea, com magenta e orquídea no meio. Como os matizes são adjacentes, a mistura continua viva de ponta a ponta. O que muda tudo é a luminosidade: mantenha-a pálida e você tem algodão-doce, aumente a saturação e tem glamour, escureça e tem entardecer. Os códigos abaixo vão do claro ao escuro, então você pode escolher primeiro o clima e depois os valores hex.

Os climas do degradê rosa e roxo num relance

Degradês rosa e roxo doces

Rosas e lilases pálidos juntos são tão suaves quanto a cor pode ser. Combinam com tudo que é doce ou gentil, mas podem virar infantis rapidamente. A solução é uma base levemente quente, um pêssego ou creme em uma das pontas, e uma tipografia escura bem segura.

Para mais dessa suavidade, degradês pastel cobre toda a família, e degradês lavanda pende mais para o roxo.

Degradês orquídea e magenta

Aumente a saturação e o par fica glamouroso. É o território do esmalte, das pulseiras de festival e das capas de álbum. Use um leve ângulo ou um brilho radial em vez de uma diagonal chapada e deixe uma área mais calma para as palavras.

Entardecer: degradês escuros de rosa e roxo

Escureça o par e ele amadurece na hora. Uma base preto-ameixa com luz framboesa e violeta lembra o céu vinte minutos depois do pôr do sol ou um bar de coquetéis com luz baixa. São os mais versáteis do conjunto e sustentam texto branco ou rosa pálido com facilidade.

Eles ficam perto dos degradês de pôr do sol e dos degradês de galáxia, e você pode pegar à vontade de qualquer um.

Adicionando uma terceira cor sem turvar

A diagonal padrão do rosa-choque ao violeta está em todo lugar, então uma cor extra é o jeito mais rápido de torná-la sua. Escolha uma cor vizinha do rosa ou do roxo: laranja e coral ficam ao lado do rosa, azul e índigo ao lado do roxo. O verde fica oposto ao magenta, e é por isso que rosa com verde fica cinza no meio.

Como escolher um degradê rosa e roxo para a sua marca

1. 1

   Decida primeiro entre claro e escuro

   A maior parte do clima vem da luminosidade. Uma mistura pálida diz gentileza; uma base ameixa diz noite. Escolha uma e mantenha-a em todo post.

2. 2

   Escolha qual cor lidera

   O rosa na frente parece mais quente e divertido. O roxo na frente parece mais frio e misterioso. Dê à cor líder cerca de dois terços da superfície.

3. 3

   Planeje onde ficam as palavras

   Ponha o título sobre a ponta mais escura e calma e o rosa mais vivo em um canto, para nunca brigar com o fundo pela atenção.

4. 4

   Teste em todos os tamanhos

   Uma mistura que funciona em um post quadrado pode jogar sua área mais clara atrás do texto em um story. Confira post, story e banner antes de se comprometer.

Se você posta com frequência, anote o resultado como uma receita curta: base, cor líder, acento, onde fica a luz. Essa única linha mantém um feed inteiro consistente, o que importa mais do que qualquer degradê bonito isolado. Consistência de marca vai além.

Cores de texto em rosa e roxo

O rosa vivo é mais claro do que parece, então títulos brancos sobre rosa-choque são mais fracos do que as pessoas esperam. O violeta e o magenta sustentam bem o branco. Na ponta pálida, uma ameixa profunda é a tinta que mantém o design em uma só família. As razões são o contraste da WCAG; mire em 4,5:1 para texto pequeno e no mínimo 3:1 para títulos grandes. Contraste de cor e acessibilidade explica os limites.

CSS de degradê rosa e roxo

.dusk {
  background-color: #1e0b2e;
  background-image:
    radial-gradient(circle at 80% 85%, #db2777 0%, transparent 45%),
    linear-gradient(180deg in oklch, #1e0b2e 0%, #581c87 100%);
  color: #fce7f3;
}

.headline-gradient {
  background: linear-gradient(90deg, #ec4899, #9333ea);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

O texto em degradê é chamativo, mas use-o só em palavras de exibição curtas, nunca em texto corrido. Texto com degradê em CSS cobre as alternativas. Se você quer um visual rosa e roxo que ninguém mais pode publicar, o Mercado do Gradiently permite pesquisar Marks por palavras de cor como “orquídea”. Cada Mark é único, e depois que você o reserva só você pode exportar com ele; ele também mantém a tipografia legível nas duas pontas da mistura por conta própria.