Palette di colori per giornate piovose: 20 idee con codici HEX

Una palette di colori per una giornata piovosa è costruita attorno a grigi nebbiosi, blu attenuati e neutri caldi smorzati—toni che trasmettono calma, modernità e sono facili da utilizzare nella progettazione.

Di seguito trovi 20 palette di colori selezionate per giornate piovose (con codici HEX) che puoi usare per UI, branding, packaging e stampa—oltre a prompt AI per generare immagini coordinate su Media.io.

Perché le palette da giornata piovosa funzionano così bene

I colori delle giornate piovose sono naturalmente sobri, il che li rende raffinati e "di design" anche nei layout più semplici. Poiché le tinte sono a bassa saturazione, tipografia e spaziatura fanno il grosso del lavoro—perfetti per visual moderni e minimalisti.

Queste palette creano anche profondità immediata. I grigi soffici e i blu ardesia formano affidabili livelli di sfondo, mentre una nota più calda (taupe, caramello, terracotta) impedisce che il design risulti freddo o troppo aziendale.

Soprattutto, le palette piovose sono flessibili su qualsiasi supporto. Si adattano perfettamente dallo schermo alla stampa e si abbinano bene a fotografia monocromatica, texture e gradienti rilassanti.

20+ Idee per palette di colori piovosi (con codici HEX)

1) Marciapiede Nebbioso

HEX: #D9DEE3 #A9B1BA #6B7682 #3C444E #C8B7A6

Atmosfera: silenziosa, nebbiosa, rassicurante

Ideale per: dashboard UI minimal per SaaS

Silenziosi e nebbiosi come i primi passi su un marciapiede umido, questi toni risultano puliti senza diventare freddi. Usa il grigio chiaro come tela, poi costruisci la gerarchia con ardesia e carbone per navigazione e grafici. Il taupe caldo mantiene l’interfaccia umana e impedisce alla palette di sembrare troppo industriale. Suggerimento: riserva il carbone più profondo per le CTA chiave e gli stati attivi per mantenere il contrasto nitido.

Esempio di immagine di marciapiede nebbioso generata su media.io

Media.io

Media.io è uno studio IA online per creare e modificare video, immagini e audio direttamente dal browser.

Provalo ora gratis

2) Ombrello Noir

HEX: #0F1115 #2B2F36 #5A606B #B7BDC6 #E6E1D6

Atmosfera: cinematografico, elegante, alto-contrasto

Ideale per: branding per moda di lusso

Cinematografico ed elegante, evoca ombrelli lucidi e luci cittadine riflesse sulle strade bagnate. Lascia che il quasi-nero e il grafite siano il punto fermo per loghi, etichette e tipografia per un effetto premium. Il grigio pallido e il bianco caldo creano spazio per layout editoriali e fotografia di prodotto. Suggerimento: abbina con una singola lamina metallica o verniciatura a spot per un contrasto tattile senza aggiungere nuovi colori.

Esempio di immagine di ombrello noir generata su media.io

3) Riflessi nella Pozzanghera

HEX: #8FA3B6 #4E6A7D #2F3E4A #D7D2C8 #A4B58A

Atmosfera: fresca, riflessiva, ariosa

Ideale per: header per blog eco-lifestyle

Fresca e riflessiva, richiama il cielo chiaro riflesso in una pozzanghera con un accenno di nuove foglie. Queste combinazioni piovose sono perfette per header di blog dove desideri una struttura calma con un tocco organico morbido. Usa i blu-grigi per testi e overlay, porta in scena il verde muschio per pulsanti o tag. Suggerimento: mantieni il beige come sfondo per calore e leggibilità.

Esempio di immagine di riflessi nella pozzanghera generata su media.io

4) Tè dopo il Diluvio

HEX: #F2EFEA #C9D2D7 #93A3AD #6B7A86 #B88C6A

Atmosfera: accogliente, delicata, ospitale

Ideale per: menu per caffetteria

Accogliente e delicata, ricorda un tè caldo alla finestra mentre le nuvole si diradano. La base cremosa supporta testi lunghi, mentre i grigi freddi aggiungono struttura a sezioni e prezzi. L’accento caramello smorzato è ideale per evidenziare specialità stagionali o icone. Suggerimento: usa il caramello con parsimonia per mantenere il menu calmo e premium, evitando confusione visiva.

Esempio di immagine di tè dopo il diluvio generata su media.io

5) Asfalto Bagnato

HEX: #1C2127 #343C45 #59636E #9AA4AF #D0D5DB

Atmosfera: urbano, solido, professionale

Ideale per: UI landing page B2B

Urbana e solida, cattura l’aspetto affidabile dell'asfalto bagnato sotto una luce cupa. Usa i grigi più scuri per header principali e navigazione per trasmettere fiducia e sicurezza. I neutri più chiari mantengono leggibili moduli e blocchi nelle pagine lunghe. Suggerimento: aggiungi ampi spazi e angoli arrotondati per ammorbidire la palette e non appesantire il layout.

Esempio di immagine di asfalto bagnato generata su media.io

6) Luce Accogliente alla Finestra

HEX: #EFE6D8 #C8B6A6 #8B8F97 #4C565F #6F4B3E

Atmosfera: calda, introspettiva, confortante

Ideale per: copertina di libro

Calda e introspettiva, ricorda la luce che attraversa la finestra su una poltrona consumata in un pomeriggio piovoso. Abbina il beige cremoso al grigio morbido per titoli leggibili e texture sottili. Il tono espresso profondo aggiunge spessore letterario per nomi d'autore o elementi sul dorso. Suggerimento: prova una texture tipo carta per dare ai neutri un aspetto più materico.

Esempio di immagine di luce accogliente alla finestra generata su media.io

7) Giardino di Pioggerella

HEX: #DDE6D6 #A7BCA0 #6F8A6B #3E5740 #5B6269

Atmosfera: botanica, calma, rigenerante

Ideale per: poster illustrato botanico

Botanica e rigenerante, evoca foglie bagnate dalla pioggia e sentieri di pietra dopo una leggera pioggerella. Queste palette piovose sono ideali per poster a tema natura, brand wellness e packaging che vuole raccontare una storia di verde radicata. Usa la salvia chiara come spazio negativo e il verde bosco profondo per steli, titoli o bordi. Suggerimento: mantieni il grigio freddo come colore d’ombra per la profondità senza ricorrere al nero.

Esempio di immagine di giardino di pioggerella generata su media.io

8) Nebbia in Porto

HEX: #E3E7EA #B8C1C8 #7D8E9C #3F5564 #2A333B

Atmosfera: fresca, nautica, composta

Ideale per: layout per brochure di viaggio

Fresca e composta, ricorda un porto silenzioso avvolto nella nebbia con profondità blu acciaio smorzata. I toni chiari danno leggerezza ai fotomosaici, mentre i blu più intensi aggiungono titoli e divisori sicuri. Si abbina naturalmente a fotografie monocromatiche e semplici icone di mappe. Suggerimento: usa la tonalità più scura per testo piccolo solo quando lo spazio tra le righe rimane ampio e leggibile.

Esempio di immagine di nebbia in porto generata su media.io

9) Ardesia e Abete

HEX: #C7CED6 #6D7F8C #2F3A44 #2F4A3A #D6C6B3

Atmosfera: amante dell’outdoor, radicata, moderna

Ideale per: pagina prodotto attrezzatura outdoor

Amante dell’outdoor e radicata, dà la sensazione della roccia ardesia e degli aghi di abete dopo una pioggia costante. Utilizza i toni ardesia per specifiche di prodotto e componenti UI, poi inserisci il verde abete per pulsanti principali o badge. Il sabbia caldo ammorbidisce la temperatura generale e funziona bene come sfondo dietro foto di lifestyle. Suggerimento: usa il verde solo per azioni chiave così che risulti intenzionale, non puramente decorativo.

Esempio di immagine di ardesia e abete generata con media.io

10) Impermeabile Metro

HEX: #F2F4F6 #B7C0C8 #4B5964 #F2C14E #2B2F33

Atmosfera: moderno, energico, chic da pendolare

Ideale per: design manifesto evento

Moderno e chic da pendolare, offre il contrasto di un impermeabile acceso su una piattaforma grigia. Questa palette da giorno di pioggia è ideale quando serve una base neutra con un accento ottimista che attira subito l’attenzione. Usa il giallo per il titolo dell’evento e i dettagli chiave, mentre i grigi gestiscono blocchi di sfondo e testo di supporto. Consiglio: mantieni il giallo in grandi forme e titoli per mantenerlo vivace senza risultare chiassoso.

Esempio di immagine di impermeabile metro generata con media.io

11) Candela nella Tempesta

HEX: #1E2328 #3F4A52 #8B949D #E7D7B8 #C77C5A

Atmosfera: intenso, intimo, caldo-bolle

Ideale per: confezione artigianale per candele

Intenso e intimo, trasmette la sensazione di una fiamma che riscalda una stanza tempestosa. Usa il carbone e l’ardesia per la base dell’etichetta, poi lascia che la crema cerata porti un bagliore morbido sulla tipografia. Un terracotta smorzato funziona perfettamente per sigilli, note olfattive o piccoli dettagli decorativi. Consiglio: scegli carta opaca e limita il terracotta a piccole aree per un aspetto calmo e raffinato.

Esempio di immagine di candela nella tempesta generata con media.io

12) Minimal Piovoso

HEX: #FFFFFF #E6EAEE #B9C2C9 #6F7C86 #2E353C

Atmosfera: pulito, arioso, lineare

Ideale per: UI onboarding app mobile

Pulito e arioso, evoca una luce nuvolosa e brillante con bordi netti. Usa bianco e grigio chiaro per schermate che richiedono chiarezza, poi scendi all’ardesia per intestazioni e indicatori di avanzamento. Il tono più scuro è ideale per testo principale e contorni delle icone. Consiglio: aggiungi un unico sottile gradiente tra i due colori più chiari per evitare che le schermate appaiano sterili.

Esempio di immagine di minimal piovoso generata con media.io

13) Cacao e Cemento

HEX: #E9E0D6 #B8A89A #7A6F68 #3E3A38 #4A6A73

Atmosfera: terrestre, urbano, moderno e accogliente

Ideale per: modelli social per brand di caffè

Terrestre e urbano, richiama il calore del cacao contro muri di cemento e ombre blu piovose. Il beige cremoso è perfetto per sfondi e template di storie, mentre i marroni cacao aggiungono personalità al brand. Un verde-blu smorzato offre contrasto più fresco per sticker, prezzi o callout. Consiglio: usa pesi tipografici coerenti affinché la palette risulti intenzionale e non rustica.

Esempio di immagine di cacao e cemento generata con media.io

14) Tuono Soffice

HEX: #D6D9DE #9FA8B3 #5A6673 #2C3440 #7B6D8D

Atmosfera: tempestoso, elegante, leggermente sognante

Ideale per: partecipazione nozze

Tempestoso ed elegante, evoca un tuono lontano smorzato dalla nebbia e un tocco di viola crepuscolare. Una palette piovosa come questa si adatta a inviti moderni dove si desidera romanticismo senza toni pastello zuccherati. Usa il grigio chiaro come tono cartaceo, ardesia per il testo e viola per monogrammi o sigilli in ceralacca. Consiglio: stampa il viola come colore spot per mantenerne la ricchezza e coerenza su tutti i supporti.

Esempio di immagine di tuono soffice generata con media.io

15) Pastelli Barchetta

HEX: #F7F3EF #D9DCE8 #B8C7D6 #8FA0A8 #E3B7A0

Atmosfera: morbido, nostalgico, giocoso-calmante

Ideale per: set cancelleria per bambini

Morbido e nostalgico, ricorda barchette di carta che galleggiano in pozzanghere delicate. Usa l’accento rosato per piccole illustrazioni e sticker, mentre i blu-grigi mantengono il set calmo e rilassante alla vista. Si abbina bene a scarabocchi semplici, tipografia arrotondata e tanto spazio bianco. Consiglio: mantieni i contorni in un grigio-blu medio così che i disegni restino leggeri e non marcati.

Esempio di immagine di pastelli barchetta generata con media.io

16) Poster Monsone

HEX: #0E2A3B #17465B #2E7C8A #A7C6C8 #E9E6DF

Atmosfera: audace, costiero, intriso di pioggia

Ideale per: volantino festival musicale

Audace e intriso di pioggia, richiama i cieli monsonici che incontrano le acque costiere. I blu profondi creano una scena drammatica per la tipografia grande, mentre il teal aggiunge movimento per forme e gradienti. Il seafoam chiaro e il bianco caldo mantengono il volantino leggibile anche con molte informazioni. Consiglio: usa un gradiente due colori tra teal e blu notte per uno sfondo dinamico senza aggiungere ulteriori tinte.

Esempio di immagine di poster monsone generata con media.io

17) Denim Lavato dalla Pioggia

HEX: #E1E6ED #A9B7C9 #6D84A3 #3E556F #2B2F36

Atmosfera: casual, affidabile, toni freddi

Ideale per: pubblicità denim

Casual e affidabile, sembra denim scurito dalla pioggia ma ancora netto. Usa il blu-grigio chiaro per lo sfondo e le tonalità denim medie per blocchi e badge. Il blu notte e il carbone danno risalto a nomi e prezzi prodotto senza gridare. Consiglio: Tieni la tipografia monocromatica e lascia che siano le sfumature del denim a raccontare la storia.

Esempio di immagine di denim lavato dalla pioggia generata con media.io

18) Fiori Tempestosi

HEX: #2A2E35 #55606B #A9B3BC #D7D1C6 #B06A7A

Atmosfera: romantico, moderno, leggermente drammatico

Ideale per: packaging cosmetici

Romantico e leggermente drammatico, ricorda petali contro un cielo tempestoso. Una palette piovosa con accento rosa antico è perfetta per packaging beauty che vuole dolcezza senza perdere carattere. Usa i grigi per la base dell’etichetta, poi lascia al rosa la gestione dei nomi delle tonalità o sigilli. Consiglio: stampa il rosa su sfondo beige caldo per mantenerlo sofisticato e non troppo dolce.

Esempio di immagine di fiori tempestosi generata con media.io

19) Faro dopo la Pioggia

HEX: #F3F0E9 #C8D2D8 #6E7F8A #1F3B4D #C65A3A

Atmosfera: nautico, speranzoso, netto

Ideale per: rapporto annuale nonprofit

Nautico e speranzoso, evoca un raggio del faro che trafigge la pioggia persistente. Usa il bianco sporco per una lettura prolungata, impostando i titoli nel blu oceano profondo per autorevolezza. L’arancione-rosso tenue crea un accento marcato per grafici, callout e metriche chiave. Consiglio: limita l’accento a una o due serie di dati affinché i grafici restino leggibili subito.

Esempio di immagine di faro dopo la pioggia generata con media.io

20) Finestrino dell’Autobus Notturno

HEX: #0B0F14 #1F2A35 #3B556B #7A92A6 #D8D3C7

Atmosfera: notturno, riflessivo, tech-calmo

Ideale per: UI dark mode app fintech

Notturno e riflessivo, ricorda i lampioni che attraversano il finestrino di un autobus di notte. Usa il quasi-nero e il blu profondo come base per la dark mode, poi alleggerisci le superfici con ardesia e blu nebbia su carte. La luce neutra calda è perfetta per highligh e stati vuoti amichevoli. Consiglio: usa il blu nebbia per gli anelli di focus così da mantenere l’accessibilità senza colori neon aggressivi.

Esempio di immagine di finestrino autobus notturno generata con media.io

Quali colori stanno bene con una giornata piovosa?

Le palette giornate di pioggia si combinano al meglio con altri toni spenti: bianchi soffici, grigi nebbia, blu ardesia e verdi desaturati. Quest’abbinamento mantiene la composizione calma e leggibile, specialmente per UI e design editoriali.

Per contrasto, aggiungi un accento caldo come caramello, terracotta, rosa polveroso o arancione-rosso attenuato. Gli accenti caldi funzionano bene soprattutto se la base è fredda (blu-grigio/carbone), perché creano attenzione senza gridare.

Se desideri un look più premium, combina neutri tempestosi con quasi-nero e bianco sporco (invece del bianco puro). Quel calore sottile rende la stampa più materica e lo schermo più confortevole.

Come utilizzare una palette di colori da giornata piovosa nei progetti reali

Inizia con uno sfondo “nuvoloso” chiaro (grigio nebbia o bianco sporco caldo), poi scegli un tono medio per la struttura (card, sezioni, divisori) e uno profondo per testo e navigazione. Così la gerarchia resta chiara anche coi colori delicati.

Usa gli accenti in modo intenzionale: riserva il colore più acceso o caldo per pulsanti principali, metriche chiave o titoli. Nelle palette piovose, basta un piccolo accento per mantenere la coerenza d’insieme.

Infine, sfrutta texture e immagini. Grana, sovrapposizioni carta e foto monocrome rendono ricche le palette smorzate, senza bisogno di saturazione aggiuntiva.

Crea visual di palette piovose con IA

Se vuoi mockup coordinati con la palette (manifesti, packaging, schermate UI), generali con l’AI usando uno stile di prompt coerente e la tua direzione HEX piovosa scelta (nebbia, ardesia, carbone più un highlight caldo).

In Media.io puoi iterare rapidamente: regola i “colori dominanti”, scambia l’accento (giallo vs terracotta) e mantieni lo stesso prompt layout per confrontare le opzioni fianco a fianco.

Quando il risultato ti piace, esporta le visual per presentazioni, mood board o approvazioni clienti—e costruisci il sistema di design finale attorno alla palette vincente.

Successivo: Palette di colori Verde Borgogna