Paletas de cores pastel: códigos suaves para marcas delicadas

Uma paleta de cores pastel é um conjunto de cores pálidas e de saturação suave: pêssego, manteiga, salva, azul-bebé, lilás. Parecem delicadas, frescas e simpáticas, e é por isso que pastelarias, cuidados de pele, marcas de bebé e papelarias de casamento recorrem a elas. O senão é que nenhum pastel é escuro o suficiente para texto. Por isso, cada paleta abaixo junta três pastéis a duas cores de trabalho: uma tinta escura para as palavras e uma âncora mais profunda para botões e acentos. Os códigos estão prontos a copiar e o contraste já foi verificado.

Cinco paletas de cores pastel com códigos hex

Pêssego e salva é quente, natural e calma, uma boa escolha para comida, cerâmica e marcas de vida lenta. A âncora terracota impede-a de parecer açucarada.

Vidro marinho é fria e limpa, indicada para bem-estar, cuidados de pele e tudo o que deva parecer ar fresco.

Alfazema e limão junta dois quase opostos com a mesma luminosidade suave, o que a mantém alegre sem choques. Boa para papelaria, floristas e livros infantis.

Sorvete é a mais doce das cinco, com rosas quentes e alperces para pastelarias, estúdios de unhas e campanhas de verão.

Pistácio é fresca e verde, natural sem ser terrosa. Serve lojas de plantas, cafés e marcas ecológicas.

Para escolher entre elas, começa pela temperatura. Os pastéis quentes (pêssego, alperce, manteiga) parecem caseiros e comestíveis; os frios (vidro marinho, azul-bebé, alfazema) parecem limpos e arejados. Depois olha para a tua âncora, porque vai aparecer em cada botão e etiqueta de preço, e é a cor de que as pessoas se vão lembrar. Se nenhuma destas âncoras te serve, mantém os pastéis e troca-a pela cor da tua marca, escurecida até o texto branco passar 4,5:1. Precisas de mais contenção do que os pastéis permitem? As paletas de cores apagadas ficam um passo mais acinzentadas.

Porque é que os pastéis precisam de tinta e de âncora

Cada pastel acima tem um rácio de contraste entre cerca de 1,1:1 e 1,4:1 contra o branco. Está muito abaixo dos 4,5:1 de que o texto corrente precisa, o que quer dizer que palavras pastel numa página branca são simplesmente ilegíveis para muita gente. Botões pastel com etiquetas brancas falham da mesma maneira. A tinta e a âncora resolvem os dois problemas e mantêm a paleta suave no conjunto.

Escolhe uma tinta que puxe para um dos teus pastéis em vez de um cinzento neutro: cacau para paletas quentes, ardósia ou ameixa para as frias. Uma tinta tingida faz a paleta inteira parecer desenhada. As regras por trás destes números estão em contraste de cor e acessibilidade.

Como tornar qualquer cor pastel

Um pastel é qualquer matiz com luminosidade alta e saturação moderada. Em HSL, aponta a 85% a 92% de luminosidade e 40% a 80% de saturação. O problema do HSL é que o amarelo e o azul com os mesmos números parecem muito diferentes em brilho. O OKLCH resolve isso, por isso uma só fórmula dá-te um pastel uniforme em todos os matizes.

:root {
  /* lightness 90%, gentle chroma, any hue */
  --pastel-peach: oklch(90% 0.06 60);
  --pastel-lemon: oklch(90% 0.06 100);
  --pastel-mint:  oklch(90% 0.06 150);
  --pastel-aqua:  oklch(90% 0.06 200);
  --pastel-pink:  oklch(90% 0.06 340);

  /* the ink: same idea, very dark */
  --ink: oklch(30% 0.03 40);
}

A mesma abordagem transforma a cor da tua marca no seu próprio pastel: mantém o matiz, sobe a luminosidade, baixa a saturação. Obténs uma cor de fundo suave que é inconfundivelmente tua. Para a teoria das tintas, vê tintas, tons e sombras.

Erros que fazem os pastéis parecer baratos

Paletas pastel numa publicação real

Eis a ideia em ação: fundo suave, tinta escura, uma cor de âncora usada uma vez. Se queres os pastéis como fundos fluidos e não blocos planos, os degradês pastel têm códigos, e a estética suave mostra como o visual se estende a todo um feed.

Os fundos pálidos são onde a legibilidade costuma falhar, e a Gradiently trata disso por ti. A tinta automática de um Mark escolhe texto claro ou escuro para cada linha a partir da sua própria paleta, por isso as palavras num Mark pastel suave ficam escuras o suficiente para ler sem verificares cada par.