# Palette di colori pastello: codici morbidi per brand gentili [Canonical HTML page](https://gradiently.design/it/guide/pastel-color-palettes) I pastelli sono facili da amare e difficili da usare: da soli non reggono il testo. Ogni palette qui arriva con i due colori in più che la fanno funzionare. ## The short version - Una palette di colori pastello è fatta di colori chiari a saturazione delicata, di solito oltre l’85% di luminosità in HSL. - I pastelli sono troppo chiari per fare da testo su bianco, quindi una palette pastello ha bisogno di un colore inchiostro scuro per le parole. - La maggior parte dei brand pastello ha bisogno anche di un colore àncora più profondo, abbastanza forte da reggere il testo bianco su pulsanti ed etichette. - I pastelli appaiono più coerenti quando condividono la stessa luminosità e differiscono soprattutto per tonalità. - Un fondo bianco caldo sporco si addice ai pastelli più del bianco puro, che può farli sembrare slavati. 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. - Pesca #f9d5c7: #f9d5c7 - Burro #fbe7b5: #fbe7b5 - Salvia #cfe3d1: #cfe3d1 - Terracotta #ad5a45: #ad5a45 - Inchiostro cacao #3a2e2a: #3a2e2a L’inchiostro cacao sulla pesca è 9,6:1. Il bianco sulla terracotta è 4,9:1, abbastanza per le etichette dei pulsanti. **Vetro di mare** è fredda e pulita, adatta a benessere, cura della pelle e a tutto ciò che deve sembrare aria fresca. - Vetro di mare #c9e9e4: #c9e9e4 - Azzurro polvere #c9dff2: #c9dff2 - Foschia #e3f1ec: #e3f1ec - Laguna profonda #3f7f86: #3f7f86 - Inchiostro ardesia #2f3a4a: #2f3a4a L’inchiostro ardesia sul vetro di mare è 8,9:1. Il bianco sulla laguna profonda è 4,6:1. **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. - Lavanda #ddd3f2: #ddd3f2 - Limone #fbf0b5: #fbf0b5 - Cipria #f6cfdc: #f6cfdc - Viola #7a5ba8: #7a5ba8 - Inchiostro prugna #3b2f48: #3b2f48 L’inchiostro prugna sulla lavanda è 8,7:1 e sul limone 10,8:1. Il bianco sul viola è 5,4:1. **Sorbetto** è la più dolce delle cinque, rosa caldi e albicocca per panetterie, studi di nail art e campagne estive. - Fragola #f6cfdc: #f6cfdc - Albicocca #fcd9b8: #fcd9b8 - Vaniglia #fbe7b5: #fbe7b5 - Lampone #b54f6e: #b54f6e - Inchiostro di bacca #4a2e37: #4a2e37 L’inchiostro di bacca sulla fragola è 8,6:1. Il bianco sul lampone è 4,9:1. **Pistacchio** è fresca e verde, naturale senza essere terrosa. Si addice a negozi di piante, caffè e brand ecologici. - Pistacchio #d9e8c4: #d9e8c4 - Sedano #eef3d9: #eef3d9 - Pesca #f9d5c7: #f9d5c7 - Foglia #4f7a3f: #4f7a3f - Inchiostro muschio #2e3b33: #2e3b33 L’inchiostro muschio sul pistacchio è 9,1:1. Il bianco sulla foglia è 5:1. La pesca è un piccolo accento caldo. 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](https://gradiently.design/it/guide/muted-color-palettes) 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. | Uso | Colore da scegliere | Perché | | --- | --- | --- | | Sfondi di pagina e di sezione | Un pastello, o un bianco caldo sporco | Le grandi aree morbide danno il tono | | Titoli e testo corrente | L’inchiostro | Abbastanza scuro per 8:1 o più su ogni pastello | | Pulsanti ed etichette | L’àncora, con testo bianco | Supera 4,5:1 e dà all’occhio un punto focale | | Illustrazioni e forme | Qualsiasi pastello, più l’àncora con parsimonia | Varietà senza rumore | | Testo sulle foto | L’inchiostro su un pannello pastello, o bianco su una zona scura della foto | I pastelli spariscono sulle immagini movimentate | Un semplice elenco di compiti per qualsiasi palette pastello. Controlla le tue coppie con un verificatore di contrasto prima di pubblicare. 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à](https://gradiently.design/it/guide/color-contrast-accessibility). ## Come rendere pastello qualsiasi colore Un pastello è qualsiasi tonalità con alta luminosità e saturazione moderata. In [HSL](https://gradiently.design/it/guide/hsl-colors), 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](https://gradiently.design/it/guide/oklch-explained) risolve la cosa, così una sola formula ti dà un pastello uniforme in ogni tonalità. ```css :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); } ``` Cambia solo la tonalità e ogni pastello mantiene lo stesso peso visivo. Tieni la chroma intorno a 0,04-0,07; più alta comincia a sembrare caramella. 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](https://gradiently.design/it/guide/tints-tones-shades). ## Errori che fanno sembrare economici i pastelli ### Evita - Testo pastello su bianco o su un altro pastello - Sei pastelli insieme senza un colore scuro - Pastelli a luminosità diversa, così uno sembra sporco - Fondi di bianco puro che slavano i pastelli - Caratteri script sottili in colori pallidi ### Fai - Un inchiostro scuro e tinto per ogni parola - Tre pastelli più un’àncora e un inchiostro - Pastelli a luminosità uguale - Un bianco caldo sporco come #fdf8f2 - Pesi pieni con forme di lettera chiare ## 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](https://gradiently.design/it/guide/pastel-gradients) hanno i codici, e [l’estetica soft](https://gradiently.design/it/guide/soft-aesthetic) mostra come l’aspetto si estende a un intero feed. Un morbido post Instagram pastello per una panetteria che annuncia il ritorno della torta al limone questo weekend Uno sfondo morbido con un testo scuro e sicuro. Il pastello dà il tono; l’inchiostro parla. 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. ## FAQ ### Quali colori ci sono in una palette di colori pastello? Versioni pallide e delicatamente sature di qualsiasi tonalità: pesca, giallo burro, salvia, menta, azzurro polvere, lavanda e cipria sono le più comuni. ### Qual è il codice hex del rosa pastello? Non c’è un codice unico, ma #f6cfdc è un rosa pastello equilibrato. Abbinalo a un inchiostro scuro come #4a2e37 per il testo. ### Che colore di testo va con i colori pastello? Un colore scuro e leggermente tinto come cacao #3a2e2a, ardesia #2f3a4a o prugna #3b2f48, che danno circa 8:1-10:1 sui tipici pastelli. ### I colori pastello sono accessibili? Come sfondi sì. Come testo o come colore di pulsanti dietro testo bianco no: i pastelli sono troppo chiari. Usa un inchiostro scuro per le parole e un colore àncora più profondo per i pulsanti. ### Come rendo pastello un colore? Alza la sua luminosità a circa l’85%-92% e tieni moderata la saturazione. In CSS, `oklch(90% 0.06 H)` dà un pastello uniforme per qualsiasi tonalità H.