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

Uma paleta de cores pastel é um conjunto de cores pálidas e de saturação suave: pêssego, manteiga, sálvia, azul-pó, lilás. Elas parecem gentis, frescas e amigáveis, e por isso padarias, cuidados com a pele, marcas de bebê e papelarias de casamento recorrem a elas. O problema é que nenhum pastel é escuro o bastante para texto. Por isso cada paleta abaixo une 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 para copiar e o contraste já foi verificado.

Cinco paletas de cores pastel com códigos hex

Pêssego e sálvia é quente, natural e calma, uma ótima escolha para comida, cerâmica e marcas de vida sem pressa. A âncora terracota evita que fique enjoativa.

Vidro marinho é fresca e limpa, indicada para bem-estar, cuidados com a pele e tudo que deve lembrar ar puro.

Lavanda e limão junta dois quase opostos na mesma luminosidade suave, o que a mantém alegre sem conflito. Boa para papelaria, floriculturas e livros infantis.

Sorbet é a mais doce das cinco, com rosas e damascos quentes para padarias, esmalterias e campanhas de verão.

Pistache é fresca e verde, natural sem ser terrosa. Combina com lojas de plantas, cafés e marcas ecológicas.

Para escolher entre elas, comece pela temperatura. Pastéis quentes (pêssego, damasco, manteiga) parecem caseiros e comestíveis; pastéis frios (vidro marinho, azul-pó, lavanda) parecem limpos e arejados. Depois olhe para a âncora, porque ela vai aparecer em todo botão e etiqueta de preço e é a cor que as pessoas vão lembrar. Se nenhuma dessas âncoras combina com você, mantenha os pastéis e troque pela cor da sua marca, escurecida até que o texto branco sobre ela passe de 4,5:1. Precisa de mais sobriedade do que os pastéis permitem? Paletas de cores apagadas ficam um passo mais acinzentadas.

Por que os pastéis precisam de uma tinta e de uma âncora

Todo pastel acima tem uma razão de contraste de cerca de 1,1:1 a 1,4:1 contra o branco. Isso está muito abaixo dos 4,5:1 de que o texto corrido precisa, o que significa que palavras pastel em uma página branca são simplesmente ilegíveis para muita gente. Botões pastel com rótulos brancos falham do mesmo jeito. A tinta e a âncora resolvem os dois problemas e mantêm a paleta suave no conjunto.

Escolha uma tinta que puxe para um dos seus pastéis em vez de um cinza chapado: cacau para paletas quentes, ardósia ou ameixa para as frias. Uma tinta tingida faz toda a paleta parecer pensada. As regras por trás desses números estão em contraste de cor e acessibilidade.

Como transformar qualquer cor em pastel

Um pastel é qualquer matiz com alta luminosidade e saturação moderada. Em HSL, mire em 85% a 92% de luminosidade e 40% a 80% de saturação. O problema do HSL é que amarelo e azul com os mesmos números têm brilhos muito diferentes. O OKLCH resolve isso, então uma única fórmula dá um pastel uniforme em todo matiz.

: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 sua marca em um pastel próprio: mantenha o matiz, aumente a luminosidade, reduza a saturação. Você ganha uma cor de fundo suave que é inconfundivelmente sua. Para a teoria dos tons, veja tintas, tons e sombras.

Erros que deixam os pastéis com cara barata

Paletas pastel em um post de verdade

Aqui está a ideia em ação: fundo suave, tinta escura, uma cor âncora usada uma vez. Se você quer pastéis como fundos fluidos em vez de blocos chapados, degradês pastel tem os códigos, e a estética soft mostra como o visual se estende por todo um feed.

Fundos claros são onde a legibilidade costuma quebrar, e o Gradiently cuida disso por você. A tinta automática de um Mark escolhe tipografia clara ou escura para cada linha a partir da própria paleta, então as palavras sobre um Mark pastel suave ficam escuras o bastante para ler sem você conferir cada par.