Palette di colori pastello: codici morbidi per brand gentili

Una palette di colori pastello è un insieme di colori pallidi e delicatamente saturi: pesca, burro, salvia, azzurro polvere, lilla. Sembrano gentili, freschi e amichevoli, ed è per questo che panetterie, cura della pelle, brand per bambini e cartolerie da matrimonio li scelgono. Il problema è che nessun pastello è abbastanza scuro per il testo. Ogni palette qui sotto abbina quindi tre pastelli a due colori di lavoro: un inchiostro scuro per le parole e un’àncora più profonda per pulsanti e accenti. I codici sono pronti da copiare e il contrasto è già verificato.

Cinque palette di colori pastello con codici hex

Pesca e salvia è calda, naturale e calma, una scelta forte per cibo, ceramiche e brand di slow living. L’àncora terracotta impedisce che sembri sdolcinata.

Vetro di mare è fredda e pulita, adatta a benessere, cura della pelle e a tutto ciò che deve sembrare aria fresca.

Lavanda e limone mette insieme due quasi opposti alla stessa morbida luminosità, il che la mantiene allegra senza stridere. Buona per cartoleria, fioristi e libri per bambini.

Sorbetto è la più dolce delle cinque, rosa caldi e albicocca per panetterie, studi di nail art e campagne estive.

Pistacchio è fresca e verde, naturale senza essere terrosa. Si addice a negozi di piante, caffè e brand ecologici.

Per scegliere tra loro, parti dalla temperatura. I pastelli caldi (pesca, albicocca, burro) sembrano casalinghi e commestibili; quelli freddi (vetro di mare, azzurro polvere, lavanda) sembrano puliti e ariosi. Poi guarda la tua àncora, perché comparirà su ogni pulsante e cartellino del prezzo, ed è il colore che le persone ricorderanno. Se nessuna di queste àncore ti si addice, tieni i pastelli e sostituisci il colore del tuo brand, scurito finché il testo bianco su di esso supera 4,5:1. Ti serve più sobrietà di quella che i pastelli permettono? Le palette di colori spenti stanno un passo più grigie.

Perché i pastelli hanno bisogno di un inchiostro e di un’àncora

Ogni pastello qui sopra ha un rapporto di contrasto tra circa 1,1:1 e 1,4:1 rispetto al bianco. È molto sotto il 4,5:1 che serve al testo corrente, il che significa che parole pastello su una pagina bianca sono semplicemente illeggibili per molte persone. Pulsanti pastello con etichette bianche falliscono altrettanto. L’inchiostro e l’àncora risolvono entrambi i problemi mantenendo morbida la palette nel complesso.

Scegli un inchiostro che tenda verso uno dei tuoi pastelli invece di un grigio piatto: cacao per le palette calde, ardesia o prugna per quelle fredde. Un inchiostro tinto fa sembrare progettata l’intera palette. Le regole dietro quei numeri sono in contrasto dei colori e accessibilità.

Come rendere pastello qualsiasi colore

Un pastello è qualsiasi tonalità con alta luminosità e saturazione moderata. In HSL, punta a una luminosità dall’85% al 92% e a una saturazione dal 40% all’80%. Il guaio di HSL è che giallo e blu agli stessi numeri hanno una luminosità percepita molto diversa. OKLCH risolve la cosa, così una sola formula ti dà un pastello uniforme in ogni tonalità.

: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);
}

Lo stesso approccio trasforma il colore del tuo brand nel suo pastello: tieni la tonalità, alza la luminosità, abbassa la saturazione. Ottieni un colore di sfondo morbido che è inconfondibilmente tuo. Per la teoria delle tinte, vedi tinte, toni e sfumature.

Errori che fanno sembrare economici i pastelli

Palette pastello in un post vero

Ecco l’idea al lavoro: sfondo morbido, inchiostro scuro, un solo colore àncora usato una volta. Se vuoi i pastelli come sfondi fluidi e non come blocchi piatti, i gradienti pastello hanno i codici, e l’estetica soft mostra come l’aspetto si estende a un intero feed.

Gli sfondi chiari sono dove la leggibilità di solito si rompe, e Gradiently se ne occupa per te. L’inchiostro automatico di un Mark sceglie testo chiaro o scuro per ogni riga dalla propria palette, così le parole su un Mark pastello morbido restano abbastanza scure da leggersi senza che tu controlli ogni coppia.