20 combinazioni di palette cobalto moderne con codici colore hex

Il cobalto è un blu audace e di grande chiarezza che comunica immediatamente sicurezza, qualità e concentrazione. Si distingue nelle interfacce digitali, rimane nitido sulla stampa e si abbina perfettamente sia con accenti caldi che con neutri rilassanti.

Di seguito trovi 20 idee di palette colore cobalto pronte per designer con codici HEX, oltre a consigli pratici e prompt per l’IA che puoi usare per generare visual coordinati in pochi secondi.

Perché le palette cobalto funzionano così bene

Il cobalto si trova in un “punto ideale” di saturazione: abbastanza forte da risultare premium e deciso, ma abbastanza pulito da restare leggibile su schermo e stampa. Questo lo rende un colore di ancoraggio affidabile per brand identity e temi UI.

Sa anche valorizzare il contrasto. Abbinalo al quasi-nero e ai grigi freddi per uno stile moderno e tecnologico, oppure aggiungi oro, rame, corallo e ambra per donare calore ed energia senza perdere eleganza.

Poiché il cobalto attira l’attenzione in modo naturale, è perfetto per la gerarchia visiva. Usato come primario può definire un brand; come accento, può guidare azioni come pulsanti, link e dati chiave.

Oltre 20 idee di palette colore cobalto (con codici HEX)

1) Cobalto Costiero

HEX: #0047AB #2F80ED #A7D8FF #F2F7FF #FFB703

Mood: luminoso, arioso, ottimista

Ideale per: branding di viaggi e post social estivi

Luminoso e arioso come l’acqua illuminata dal sole contro un orizzonte blu profondo, queste tonalità infondono subito positività. Usa l’accento dorato per call to action e i blu chiari per sfondi ariosi. Abbinali a un carattere senza grazie pulito e tanto spazio bianco per mantenere leggerezza. Consiglio: riserva il blu più scuro per loghi e titoli, per dare solidità al layout.

Esempio immagine di cobalto costiero generato con media.io

Media.io

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

Provalo ora gratis

2) Notte Urbana

HEX: #001B3A #003B8E #2D2A32 #8D99AE #EDF2F4

Mood: atmosferico, elegante, metropolitano

Ideale per: landing page tech e dashboard di app

Atmosferico e metropolitano, richiama le strade notturne illuminate da insegne fredde e riflessi d’acciaio. Usa quasi-nero e blu navy per intestazioni e navigazione, poi l’ardesia e il bianco sporco per mantenere la leggibilità. Un blu più brillante funziona bene per stati attivi e pulsanti principali senza risultare eccessivo. Consiglio: testa il contrasto su testi e icone piccoli per rendere accessibili le tonalità scure.

Esempio immagine di notte urbana generato con media.io

3) Porcellana e Cobalto

HEX: #0047AB #0B1320 #F7F3EE #D9C7B8 #C1121F

Mood: classico, raffinato, artigianale

Ideale per: packaging per articoli per la casa e ceramiche

Classico e raffinato, ricorda la porcellana dipinta a mano con un piccolo dettaglio rosso lacca. Questa palette cobalto brilla su etichette premium dove fondi crema e beige caldo attenuano il blu. Aggiungi il rosso con parsimonia su sigilli, adesivi o piccoli dettagli tipografici. Consiglio: usa carta opaca per rendere il blu profondo ricco come inchiostro e non lucido.

Esempio immagine di porcellana e cobalto generato con media.io

4) Scintilla di Agrumi

HEX: #0047AB #00A6FB #FFE66D #FF7A00 #F7FFF7

Mood: giocoso, energetico, vivace

Ideale per: poster per eventi e marketing giovanile

Giocoso ed energetico, ricorda cieli blu elettrico con un’esplosione di agrumi. Usa cobalto e ciano brillante per grandi forme e sfumature, poi lascia a giallo e arancione l’energia negli accenti vivaci. Funziona al meglio su fondali chiari o bianchissimi per non appesantire la composizione. Consiglio: mantieni la tipografia semplice e grassa per reggere i colori saturi.

Esempio immagine di scintilla di agrumi generata con media.io

5) Blueprint Salvia

HEX: #0047AB #335C67 #9FC490 #E0EEC6 #F6F7EB

Mood: calmo, naturale, fresco

Ideale per: siti wellness e marchi bio

Calmo e naturale, ricorda note botaniche disegnate su un blueprint nitido. Usa il blu profondo per elementi strutturali come titoli e icone principali, mentre salvia e verdi delicati ammorbidiscono il tono generale. Perfetto per brand che cercano affidabilità e approccio umano. Consiglio: usa le tonalità più chiare per distanziare le sezioni e schede, così la pagina rimane ariosa.

Esempio immagine di blueprint salvia generata con media.io

6) Studio Velluto Prugna

HEX: #0047AB #4A235A #7D3C98 #F4D03F #FDF2E9

Mood: drammatico, lussuoso, creativo

Ideale per: campagne beauty e copertine editoriali

Drammatico e lussuoso, ricorda il velluto da palcoscenico sotto i riflettori, con ombre gioiello. Queste combinazioni risaltano al massimo lasciando protagonisti blu e prugna, mentre il crema mantiene neutri incarnati e testo. Il giallo oro è la luce su badge o benefici prodotto. Consiglio: evita di usare con eguale intensità tutti e tre i colori saturi; scegline uno principale e uno d’accento.

Esempio immagine di studio velluto prugna generata con media.io

7) Cemento e Cromo

HEX: #0B1320 #0047AB #3D5A80 #98C1D9 #E0FBFC

Mood: industriale, nitido, moderno

Ideale per: UI di prodotto e branding SaaS

Industriale e nitido, ricorda il metallo lucido sul cemento freddo. Quasi-nero e blu intenso danno gerarchia, mentre i blu chiari gestiscono pannelli, tabelle e divisori. Perfetta con icone geometriche e sottili linee per un effetto tech. Consiglio: usa la tonalità più chiara come fondo così le visualizzazioni di dati restano chiare e fredde.

Esempio immagine di cemento e cromo generata con media.io

8) Blue Arenaria

HEX: #0047AB #2A9D8F #E9C46A #F4A261 #FAF3E0

Mood: riscaldato dal sole, rilassato, costiero

Ideale per: menu ristorante e branding lifestyle

Riscaldato dal sole e rilassato, ricorda il blu oceano abbinato a pietra sabbiosa e terracotta. Usa la crema come base, poi stratifica cobalto per titoli e teal per blocchi di supporto e icone. Gialli e aranci caldi sono perfetti per prezzi, pulsanti o tag. Consiglio: usa poco cobalto se vuoi che la palette sia più mediterranea che nautica.

Esempio immagine di blue arenaria generata con media.io

9) Blu Arcade Neon

HEX: #0047AB #3A86FF #8338EC #FF006E #0B0F1A

Mood: audace, futuristico, notturno

Ideale per: promozioni musicali e grafiche streamer

Audace e futuristico, evoca bagliori arcade e luci da club su una base notte profonda. Lascia allo scuro lo sfondo, usa cobalto e blu elettrico per grandi forme e testo. Magenta e viola solo d’accento, perfetti per icone, badge o piccole sfumature. Consiglio: lascia tanto spazio negativo così gli accenti neon risaltano con intenzione e non risultano caotici.

Esempio d'immagine di neon arcade blu generato tramite media.io

10) Inchiostro Invernale

HEX: #002D62 #0047AB #6C757D #E9ECEF #FFFFFF

Mood: pulito, professionale, fresco

Ideale per: report aziendali e presentazioni

Pulito e professionale, ricorda la neve fresca con nitide linee d'inchiostro. Usa i due blu per titoli, grafici e punti chiave, mentre il grigio e il bianco sporco mantengono la pagina silenziosa e leggibile. Questo mix è ideale per documenti che necessitano autorevolezza senza sembrare pesanti. Consiglio: usa il cobalto solo per evidenziare i dati così i tuoi grafici restano facili da scansionare.

Esempio d'immagine di inchiostro invernale generato tramite media.io

11) Cobalto Botanico

HEX: #0047AB #1B4332 #2D6A4F #B7E4C7 #F1FAEE

Mood: fresco, naturale, sicuro

Ideale per: packaging skincare ed etichette eco

Fresco e naturale, ricorda il vetro blu profondo accanto a foglie lussureggianti e luce mattutina soffusa. Questa palette di cobalto funziona particolarmente bene per prodotti eco-consapevoli quando il verde è dominante e il blu usato come accento premium. Abbinare a texture tattili come carta riciclata e illustrazioni botaniche semplici. Consiglio: stampa le tonalità più scure con copertura d'inchiostro leggermente ridotta per evitare bordi impastati sulla carta non patinata.

Esempio d'immagine di cobalto botanico generato tramite media.io

12) Laboratorio Rame

HEX: #0047AB #B87333 #D4A373 #FEFAE0 #283618

Mood: artigianale, caldo, tradizione

Ideale per: pubblicità prodotti artigianali e marchi maker

Artigianale e caldo, richiama utensili di rame, carta invecchiata e un forte timbro blu di approvazione. Usa il crema come base, poi aggiungi il cobalto per loghi e titoli creando un contrasto netto. Le tonalità rame e tan sono perfette per bordi, badge e dettagli di packaging. Consiglio: usa il verde scuro solo per piccolo testo o etichette secondarie, per evitare che competa col blu.

Esempio d'immagine di laboratorio rame generato tramite media.io

13) Quarzo Rosa Blu

HEX: #0047AB #F4ACB7 #FFCAD4 #FFF1E6 #5A189A

Mood: morbido, romantico, moderno

Ideale per: inviti di nozze e social beauty

Morbido e romantico, sembra petali rosati su uno sfondo blu deciso e sicuro. Usa i crema e rosa chiari per gli sfondi, poi applica il cobalto per nomi, monogrammi o dettagli chiave. Il viola è ideale solo come ombra delicata o piccolo motivo decorativo. Consiglio: scegli un elegante carattere serif per la parte romantica e un sans pulito per le info di supporto.

Esempio d'immagine di quarzo rosa blu generato tramite media.io

14) Cobalto Mono Minimal

HEX: #0B1320 #1C2541 #0047AB #5BC0BE #F5F5F5

Mood: minimale, netto, sicuro

Ideale per: siti portfolio e case studies

Minimale e netto, ricorda l'inchiostro scuro, accenti teal freschi e un muro espositivo pulito. Utilizza i quasi neri e blu profondi per la tipografia, poi il cobalto per link e principali stati UI. Il teal aggiunge modernità se usato con parsimonia per tag, icone o effetti hover. Consiglio: mantieni uno spacing rigoroso così i toni scuri sembrano voluti e premium.

Esempio d'immagine di cobalto mono minimal generato tramite media.io

15) Vetro Oceanico

HEX: #0047AB #0077B6 #00B4D8 #90E0EF #CAF0F8

Mood: fresco, rinfrescante, arioso

Ideale per: onboarding SaaS e fintech UI

Fresco e rinfrescante, trasmette la sensazione di acqua stratificata e riflessi vetrosi. Usa i due blu più intensi per struttura e navigazione, poi le tonalità acquamarina chiare per ammorbidire card, modali e stati vuoti. Questa palette è ottima per schermate di onboarding che richiedono chiarezza e calma. Consiglio: aggiungi gradienti delicati tra i blu medi per dare profondità senza nuovi colori.

Esempio d'immagine di vetro oceanico generato tramite media.io

16) Contrasto Raccolto

HEX: #0047AB #6D4C41 #DDA15E #F6BD60 #FAF3DD

Mood: accogliente, terroso, invitante

Ideale per: branding per caffè e promozioni stagionali

Accogliente e terroso, ricorda l’interno di una panetteria calda con un'insegna blu decisa fuori. Le tonalità crema e caramello creano sfondi amichevoli, mentre il cobalto aggiunge energia moderna a loghi e titoli. Usa il marrone per elementi base come divisori, timbri e testo piccolo. Consiglio: limita il blu ai momenti ad alto impatto per mantenere la palette invitante, non fredda.

Esempio d'immagine di contrasto raccolto generato tramite media.io

17) Accento Film Noir

HEX: #111111 #0047AB #3A3A3A #BDBDBD #F5F5F5

Mood: cinematografico, audace, contrasto elevato

Ideale per: pubblicità di lusso e poster monocromatici

Cinematografico e ad alto contrasto, richiama i poster noir con una sola nota elettrica che si fa strada tra il buio. Queste combinazioni di cobalto danno il meglio quando il blu è usato come un riflettore: una fascia, un titolo, un'icona chiave. I grigi gestiscono la struttura, mentre il bianco sporco mantiene il testo leggibile ed elegante. Consiglio: evita le ombreggiature e preferisci margini netti per un effetto poster deciso.

Esempio d'immagine di accento film noir generato tramite media.io

18) Blu Lilla Blueprint

HEX: #0047AB #6C63FF #B8B8FF #F8F7FF #FFD6A5

Mood: sognante, inventivo, amichevole

Ideale per: agenzie creative e pitch deck startup

Sognante e inventivo, dà la sensazione di idee da sketchbook colorate con inchiostro violetto delicato. Usa il cobalto per la struttura, poi affidati ai lilla per sezioni amichevoli e pannelli di sfondo. Il pesca è ideale come highlight: statistiche, badge o numeri slide. Consiglio: usa grandi blocchi di colore per slide così il deck resta coeso già alla prima occhiata.

Esempio d'immagine di blu lilla blueprint generato tramite media.io

19) Retro Sportivo

HEX: #0047AB #E63946 #F1FAEE #A8DADC #1D3557

Mood: sportivo, retrò, vivace

Ideale per: merchandising di squadra e grafiche social

Sportivo e vivace, richiama le maglie vintage e striscioni audaci fuori campo. Usa navy scuro e cobalto come base, poi lascia che il rosso dia energia ai dettagli e numeri. Le tonalità menta mantengono freschezza ed equilibrano i blocchi di colore intensi. Consiglio: contorna il testo col tono più chiaro per garantire leggibilità su sfondi saturi.

Esempio d'immagine di retro sportivo generato tramite media.io

20) Crepuscolo nel Deserto

HEX: #0047AB #264653 #E76F51 #F4A261 #E9C46A

Mood: avventuroso, caldo, moderno

Ideale per: brand outdoor e campagne pubblicitarie

Avventuroso e caldo, suggerisce un cielo blu profondo che sfuma nelle tonalità di un tramonto desertico. Usa cobalto e teal per lo strato primario di brand, poi corallo e ocra per dettagli energici. Funziona perfettamente per titoli audaci, badge e accenti illustrati su layout puliti. Consiglio: riserva il corallo per la call to action più importante così rimane d'impatto.

Esempio d'immagine di crepuscolo nel deserto generato tramite media.io

Quali colori si abbinano bene con il cobalto?

I neutri sono l'abbinamento più facile: bianco sporco, grigio freddo e quasi nero rendono il cobalto più nitido e moderno. Queste combinazioni sono ideali per UI, layout editoriali e sistemi di brand che richiedono gerarchia chiara.

Gli accenti caldi (oro, ambra, rame, corallo, arancio) aggiungono energia e rendono il cobalto più umano e accogliente. Usa i toni caldi solo per piccoli highlight – CTA, badge, cartellini prezzo – in modo che il cobalto resti il punto fermo.

I verdi ispirati alla natura (salvia, pino, eucalipto) attenuano l'intensità del cobalto e aiutano i brand a comunicare freschezza e fiducia. Questo funziona specialmente per wellness, eco-packaging e identità lifestyle.

Come usare una palette cobalto in progetti reali

Inizia assegnando i ruoli: scegli un cobalto come primario (loghi, stati UI chiave), poi una base neutra per lo sfondo e un accento per l’enfasi. Così si previene che i design col cobalto risultino rumorosi o troppo densi visivamente.

In UI, testa il contrasto in anticipo, specie su testo piccolo, icone e stati disabilitati. Il cobalto funziona al meglio con molto spazio bianco e una tipografia nitida, così risulta “premium” e non caotico.

In stampa, la scelta della carta conta. Le carte non patinate possono smorzare i blu profondi; quelle patinate li rendono lucidi. Se ti serve un cobalto intenso, prova le prove stampa e regola la copertura dell'inchiostro per evitare bordi impastati.

Crea visual con palette cobalto con l’IA

Se hai già i codici HEX, puoi generare mockup, poster, packaging e schermate UI coerenti semplicemente descrivendo il layout e nominando i colori della palette. Promt coerenti aiutano a mantenere stile, illuminazione e composizione uniformi su tutta la campagna.

Usa un "cobalto eroe", specifica il tuo sfondo (crema, bianco sporco o quasi nero), poi evidenzia un solo accento caldo o neon. Questa struttura semplice rende gli output AI più puliti e coerenti col brand.

Successivo: Palette di colori Nero e Beige