Il ciano scuro si trova nel perfetto equilibrio tra teal e blu profondo: abbastanza calmo da trasmettere fiducia, ma abbastanza audace da apparire moderno. È una scelta affidabile per sistemi UI, branding e interni dove si desidera profondità senza asperità.
Di seguito trovi idee di palette colori ciano scuro con codici HEX, consigli per gli abbinamenti e prompt AI che puoi riutilizzare per generare velocemente visual coerenti con il brand.
In questo articolo
- Perché le palette di ciano scuro funzionano così bene
-
- profondità del porto
- marea botanica
- acquario di mezzanotte
- corrente di rame
- fiordo nebbioso
- circuito neon
- oasi nel deserto
- ardesia e mare
- stampa vintage teal
- vetro artico
- galleria minimal
- deriva di bacche
- pop della barriera corallina
- finestra piovosa
- laguna della foresta
- spa di arenaria
- inchiostro techno
- velluto di pavone
- argilla costiera
- modernità luminescente
- monocromo marino
- porto agrumato
- Quali colori si abbinano bene al ciano scuro?
- Come usare una palette ciano scuro nei progetti reali
- Crea visual di palette ciano scuro con l’AI
Perché le palette di ciano scuro funzionano così bene
Il ciano scuro trasmette stabilità e intelligenza perché prende in prestito la professionalità del blu navy e la freschezza del verde. Questa combinazione lo rende un “colore ancorante” versatile per sistemi che necessitano sia fiducia che energia.
Si abbina bene anche con i neutri – dal bianco sporco all’ardesia – così i layout restano leggibili ma con un tocco distintivo. In pratica, il ciano scuro è spesso usato per navigazioni, header e pulsanti primari senza sovraccaricare la pagina.
Infine, il ciano scuro si fonde splendidamente nei gradienti (verso teal, acqua o blu profondo). Questo ti offre profondità per grafici, sezioni hero e pannelli di sfondo mantenendo un mood di brand coeso.
Oltre 20 idee di palette colori ciano scuro (con codici HEX)
1) Profondità del porto

HEX: #005f66 #0a3d45 #1b2a2f #8fb8b0 #f2f5f4
Mood: cupo, nautico, radicato
Ideale per: identità di brand marini e siti di servizi
Le acque cupe del porto e il legno dei moli invecchiato creano l’atmosfera, con ombre teal profonde e bagliori di nebbia marina. Usala per loghi, header hero e pagine di servizi dove vuoi trasmettere autorità rilassata. Abbina le tonalità più scure a spazi puliti bianco sporco e un verde menta soft per accessibilità. Consiglio: riserva il quasi-nero per testi e icone così il ciano resta vivido, non fangoso.
Esempio immagine di profondità del porto generata con media.io
Media.io è uno studio AI online per creare e modificare video, immagini e audio direttamente nel tuo browser.
2) Marea botanica

HEX: #006d77 #83c5be #2a9d8f #e9d8a6 #fefae0
Mood: fresco, organico, illuminato dal sole
Ideale per: illustrazioni botaniche ed etichette eco
Verdi vetro di mare e note calde di sabbia ricordano un giardino costiero dopo la pioggia. Funziona benissimo su packaging naturali, etichette wellness e pattern illustrati dove si vuole energia amichevole. Bilancia il teal intenso con sfondi cremosi per mantenerlo arioso. Consiglio: usa il giallo sabbia per piccoli callout o badge senza sovrastare i verdi.
Esempio immagine di marea botanica generata con media.io
3) Acquario di mezzanotte

HEX: #004d53 #012a2d #0b7285 #3a4750 #e0fbfc
Mood: misterioso, elegante, notturno
Ideale per: dashboard di analytics e UI dark mode
Il vetro misterioso dell’acquario e le ombre profonde dell’acqua creano un’atmosfera elegante e notturna. Questa palette di ciano scuro è ideale per dashboard in modalità scura, dove contrasto e chiarezza contano più dell’ornamento. Abbina le tinte ghiacciate a gradienti sobri nei grafici, poi ancora la navigazione nel teal più scuro. Consiglio: tieni un solo colore d’accento per stati come attivo o hover per evitare “rumore” visivo.
Esempio immagine di acquario di mezzanotte generata con media.io
4) Corrente di rame

HEX: #005b5f #0b3c49 #d08c60 #f3e9dc #2f2f2f
Mood: artigianale, caldo, premium
Ideale per: packaging per caffè e pubblicità boutique
Il calore artigianale appare come ferramenta in rame su teal costiero profondo. L’abbinamento appare premium sul packaging, soprattutto se aggiungi texture opache e ombre delicate. Accosta il rame a tonalità carta cremosa per mantenere la palette accogliente, mai pesante. Consiglio: usa il rame con parsimonia su sigilli, dettagli in lamina o titoli per il massimo impatto.
Esempio immagine di corrente di rame generata con media.io
5) Fiordo nebbioso

HEX: #0c6b6e #4aa3a2 #cfe8e6 #5c677d #f7f7f2
Mood: tranquillo, arioso, scandinavo
Ideale per: interni living room e sezioni web rilassate
La nebbia silenziosa del fiordo e le tinte pallide del cielo donano un look pulito, soft e moderno. Perfetto per interni, pagine di atterraggio e brand wellness che vogliono calma senza essere banali. Abbina il tono ardesia a luci calde o a texture legno chiaro per un effetto accogliente. Consiglio: lascia che l’acqua pallida animi grandi superfici come pareti, pannelli o sfondi delle sezioni.
Esempio immagine di fiordo nebbioso generata con media.io
6) Circuito neon

HEX: #006a73 #00f5d4 #1f2937 #a78bfa #f9fafb
Mood: futuristico, deciso, ad alto contrasto
Ideale per: schermate onboarding di app startup
Bagliore elettrico su grigio grafite scuro per un mood futuristico e sicuro. Perfetta per onboarding, highlights di funzioni e marketing SaaS dove serve chiarezza gerarchica. Abbina il neon aqua a tanto bianco per mantenerlo nitido, mentre il viola può dare enfasi secondaria. Consiglio: evita grandi campiture neon, usa i toni brillanti per pulsanti, switch e micro-accenti.
Esempio immagine di circuito neon generata con media.io
7) Oasi nel deserto

HEX: #006b70 #264653 #e76f51 #f4a261 #e9c46a
Mood: avventuroso, caldo, pronto al viaggio
Ideale per: poster di viaggio e promozioni turistiche
Calore avventuroso che incontra acqua fresca, come un’oasi all’ora d’oro. Queste combinazioni di ciano scuro brillano in poster e social, dove gli arancioni caldi fanno da cornice al teal protagonista. Abbina il blu-verde più scuro al giallo sabbia nei titoli per farli spiccare. Consiglio: tieni i toni caldi su forme o bordi per lasciare il teal protagonista.
Esempio immagine di oasi nel deserto generata con media.io
8) Ardesia e mare

HEX: #005a63 #334155 #64748b #cbd5e1 #f8fafc
Mood: professionale, freddo, sobrio
Ideale per: siti B2B e pitch deck
L’ardesia fredda incontra i toni marini stabili per un look professionale e a basso dramma. Perfetta per siti B2B, report e presentazioni dove leggibilità e affidabilità sono essenziali. Accosta il teal ai grigi soft per grafici e tabelle, mantenendo la tipografia nitida. Consiglio: usa l’ardesia più scura per i titoli e lascia al teal link e metriche chiave.
Esempio immagine di ardesia e mare generata con media.io
9) Stampa vintage teal

HEX: #00656b #2d6a4f #b08968 #f1dca7 #faf3dd
Mood: vintage, materico, fiabesco
Ideale per: inviti di nozze e cancelleria artigianale
L’inchiostro vintage e la carta invecchiata al sole conferiscono a questa combinazione un fascino artigianale e fatto a mano. È ideale per inviti, menù e piccole serie di cancelleria che traggono vantaggio dalla texture e dal calore. Abbina il teal al marrone tan per un look letterpress classico, poi ammorbidisci il tutto con sfondi crema. Consiglio: aggiungi una grana sottile o pattern a mezzetinte per aumentare l’atmosfera da stampa.
Esempio di immagine tealprint vintage generato con media.io
10) Arctic Glass

HEX: #005f73 #0a9396 #94d2bd #e9d8a6 #001219
Mood: fresco, moderno, dal freddo al caldo
Ideale per:pubblicità di prodotti per la cura della pelle e packaging puliti
Le tonalità artiche decise ricordano il vetro ghiacciato con un tocco di calore dalla sabbia chiara. Sono perfette per skincare, accessori tech e packaging minimalista che richiedono freschezza. Abbina il quasi-nero alla menta ariosa per un contrasto premium, poi aggiungi un tocco sabbioso per un calore delicato. Consiglio: usa il nero solo per piccoli testi ed elenchi ingredienti per mantenere un aspetto leggero.
Esempio di immagine arctic glass generato con media.io
11) Gallery Minimal

HEX: #004f55 #111827 #e5e7eb #d1d5db #f9fafb
Mood: minimal, raffinato, editoriale
Ideale per:siti portfolio e moderni sistemi UI
Pareti minimal da galleria e illuminazione soffusa vengono in mente, con teal intenso come protagonista. Questa palette di ciano scuro funziona particolarmente bene per portfolio e kit UI che necessitano di eleganza composta. Abbina il teal ai grigi freddi per mantenere spaziatura e griglia intenzionali. Consiglio: limita il teal a navigazione, stati attivi e un solo componente distintivo come pulsanti o tag.
Esempio di immagine gallery minimal generato con media.io
12) Berry Drift

HEX: #006466 #4d194d #9a031e #e36414 #fbf5f3
Mood: audace, artistico, mercato notturno
Ideale per:copertine di album e poster per eventi
Tonalità bacca accese che attraversano teal profondo ricordano un mercato notturno con insegne al neon. Perfette per poster, copertine o campagne grafiche di impatto. Abbina il teal più scuro al bianco panna per una tipografia leggibile, poi usa magenta e rosso come accenti di luce. Consiglio: mantieni i gradienti semplici e affidati a grandi blocchi di colore per un impatto deciso.
Esempio di immagine berry drift generato con media.io
13) Coral Reef Pop

HEX: #006f75 #00a5a8 #ff7f50 #ffd6c0 #102a2a
Mood: giocoso, estivo, energico
Ideale per:menù ristorante e promozioni social
Colori vivaci da barriera corallina spiccano come il corallo sull’acqua tropicale. Perfetto per menu, branding alimentari e template social dove si cerca appetibilità senza esagerare con il caldo. Abbina il corallo al blush chiaro per punti luce accoglienti e riserva il verde profondo per i testi. Consiglio: usa il corallo su cartellini prezzi o CTA per guidare l’occhio rapidamente.
Esempio di immagine coral reef pop generato con media.io
14) Rainy Window

HEX: #005d65 #3c6e71 #d9d9d9 #284b63 #f5f5f5
Mood: calmo, riflessivo, urbano
Ideale per: header per blog e pagine editoriali
Le tonalità blu piovose evocano la vista di una strada tranquilla attraverso il vetro. La palette è adatta a pagine editoriali, header di blog e lettura lunga in cui la morbidezza allevia l’affaticamento. Abbina il teal ai grigi delicati per gli sfondi, poi usa il blu più intenso per i divisori di sezione. Consiglio: mantieni il contrasto alto per il testo principale usando la tonalità più scura per la tipografia.
Esempio di immagine rainy window generato con media.io
15) Forest Lagoon

HEX: #006a6e #2b9348 #55a630 #d9ed92 #081c15
Mood: all’aperto, vivace, eco-friendly
Ideale per:brand ecologici e packaging attrezzatura outdoor
Verdi rigogliosi attorno a una laguna profonda danno una sensazione energica e naturale. Perfetto per marchi eco, prodotti da trekking e messaggi di sostenibilità. Abbina la base scura alle evidenze lime per visibilità, mantenendo il verde chiaro come morbido sfondo. Consiglio: usa il verde più chiaro per pannelli secondari così i verdi accesi restano leggibili.
Esempio di immagine forest lagoon generato con media.io
16) Sandstone Spa

HEX: #006a6f #4f6d7a #c9ada1 #f2e9e4 #22223b
Mood: rilassante, equilibrato, elegante
Ideale per:brochure spa e siti di wellness
Toni da spa rilassanti ricordano asciugamani caldi e pietra fresca. Usali per siti wellness, brochure e menu servizi dove fiducia e comfort sono fondamentali. Abbina il rosa-beige spento al teal scuro per un contrasto raffinato, mantenendo gli sfondi crema per morbidezza. Consiglio: scegli una tonalità profonda per i titoli e lascia che i neutri portino il resto della pagina.
Esempio di immagine sandstone spa generato con media.io
17) Techno Ink

HEX: #004b50 #0f172a #1e293b #38bdf8 #a3e635
Mood: tecnico, deciso, modalità notte
Ideale per:strumenti per sviluppatori e dashboard SaaS
Inchiostro tecnico da night mode con segnali vividi, ideale per velocità e precisione. Ottimo per tool sviluppatori, dashboard e pannelli admin dove i colori di stato devono risaltare. Abbina lime e tocchi azzurri a spazi negativi scuri per evitare bagliori. Consiglio: collega gli accenti agli stati (successo, info, highlight) in modo coerente per facilitarne la lettura.
Esempio di immagine techno ink generato con media.io
18) Peacock Velvet

HEX: #005b62 #0b525b #9b5de5 #f15bb5 #fee440
Mood: espressivo, divertente, glam moderno
Ideale per:volantini festival e grafiche social audaci
Tonalità velluto pavone espressive evocano luci da palcoscenico e sicurezza giocosa. Perfette per flyer, branding per creator o campagne social che richiedono energia alta con un tocco sofisticato. Abbina il teal scuro al giallo acceso per un contrasto immediato, preservando rosa e viola come accenti. Consiglio: usa un solo colore vivo per pannello per evitare layout caotici.
Esempio di immagine peacock velvet generato con media.io
19) Coastal Clay

HEX: #006169 #3d405b #e07a5f #f2cc8f #f4f1de
Mood: caldo costiero, artigianale, accogliente
Ideale per:pubblicità arredamento casa e marchi ceramiche
Argilla costiera calda e aria di mare si uniscono in un look artigianale e accogliente. Perfetto per ceramiche, decorazione casa e campagne lifestyle che vogliono un tocco umano. Abbina il terracotta al teal più scuro per un punto focale bilanciato, poi ammorbidisci con neutri crema. Consiglio: usa il tono sabbia come sfondo per rendere i prodotti caldi e naturali.
Esempio di immagine coastal clay generato con media.io
20) Stormlight Modern

HEX: #00565c #22333b #5e6472 #c9d6df #edf2f4
Mood: fresco, architettonico, sicuro
Ideale per:portfolio di architettura e riviste stampa
Le tonalità stormlight fresche richiamano cemento, acciaio e uno skyline moderno limpido. Ideale per portfolio di architettura, case study e impaginati stampa dove la struttura è centrale. Abbina teal scuro al grigio-azzurro chiaro per spazi negativi eleganti e margini puliti. Consiglio: lascia che la tonalità più scura ancorichi titoli e didascalie mentre quelle più chiare gestiscono colonne e griglie.
Esempio di immagine stormlight modern generato con media.io
21) Seaside Monochrome

HEX: #005e63 #00757c #2f3e46 #cad2c5 #f6fff8
Mood: equilibrato, calmo, minimalista
Ideale per:restyling aziendale e landing page pulite
Le tonalità seaside equilibrate risultano minimal, stabili e modernamente sobrie. La varietà di teal e neutri morbidi facilita la costruzione di sezioni e componenti coerenti. Abbina il carbone al bianco menta chiaro per layout leggibili e profondità sottile. Consiglio: usa il teal medio per le card e il teal più scuro per CTA principali per mantenere la gerarchia chiara.
Esempio di immagine seaside monochrome generato con media.io
22) Citrus Harbor

HEX: #005b63 #0a4f57 #f4d35e #ee964b #f7ede2
Mood: allegro, agrumato, accogliente
Ideale per:branding di caffetterie e promozioni stagionali
Accenti agrumati allegri illuminano il teal da porto profondo come la luce del sole sull’acqua. Queste combinazioni di ciano scuro sono perfette per caffè, promozioni estive e marchi amichevoli che vogliono un colore distintivo vivace. Abbina il giallo caldo alla crema per gli sfondi, poi usa il teal per loghi e navigazione. Consiglio: tieni l’arancione per piccoli dettagli così la palette resta fresca anziché urlata.
Esempio di immagine citrus harbor generato con media.io
Quali colori si abbinano bene al ciano scuro?
I neutri sono la scelta più semplice: bianco sporco, crema calda, grigio chiaro, ardesia e carbone aiutano il ciano scuro a sembrare intenzionale e non pesante. Per tipografia e icone, carbone profondo o quasi nero di solito garantiscono il contrasto migliore.
Gli accenti caldi creano la tensione visiva più gradevole—pensa a corallo, terracotta, rame, sabbia e ambra. Usali come highlights (CTA, badge, prezzi, dati chiave) per mantenere la palette calma ma comunque vivace.
Per un look più freddo e moderno, abbina ciano scuro a menta, ciano ghiaccio, azzurro cielo e lavanda tenue. Queste combinazioni sono particolarmente forti nelle UI in cui serve gerarchia e sfondi confortevoli.
Come usare una palette ciano scuro nei progetti reali
Parti dai ruoli, non solo dai colori: scegli un ciano scuro come ancora del brand (navigazione, pulsanti principali), un neutro profondo per il testo, un neutro chiaro per lo sfondo e un accento per enfasi. Questo mantiene i componenti coerenti tra pagine e schermate.
Nelle UI, mantieni la saturazione sotto controllo e riserva le tonalità più vivaci agli stati (attivo, hover, successo/info) per evitare rumore visivo. In stampa o packaging, il ciano scuro risulta premium su supporti opachi e materiali testurizzati, soprattutto con accenti metallici caldi.
Per gli interni, il ciano scuro funziona meglio come parete d’accento, armadiature o tessili, bilanciato con legni caldi e bianchi cremosi. Usa tonalità acquamarina più chiare sulle superfici più grandi se vuoi una sensazione di calma senza far sembrare lo spazio più piccolo.
Crea visual di palette ciano scuro con l’AI
Se hai già codici HEX, puoi trasformarli in mood board, mockup UI, poster e scene di prodotti in pochi minuti. Il metodo più veloce è riutilizzare un prompt efficace cambiando solo i nomi delle palette o il contesto di design.
Mantieni il prompt specifico (stile, soggetto, illuminazione, layout) e lascia che il ciano scuro sia il colore “dominante” o “di ancoraggio”. Poi aggiungi un accento caldo (corallo/rame/ambra) per guidare lo sguardo verso i punti focali come CTA o etichette di prodotto.
Genera alcune variazioni, scegli la composizione più adatta al brand e poi perfeziona spaziatura e contrasto per la leggibilità. Questo flusso di lavoro è particolarmente utile quando hai bisogno di più creatività per campagne o test A/B.
Domande frequenti sulla palette colore Ciano Scuro
-
Quale codice HEX è considerato “ciano scuro”?
Il ciano scuro di solito si aggira su valori teal-blu profondi come #005f66, #006d77 o #005f73. Il “ciano scuro” esatto dipende se preferisci una sfumatura più verde (teal) o più blu (ciano). -
Il ciano scuro è adatto per UI in modalità scura?
Sì. Il ciano scuro funziona bene in modalità scura perché aggiunge colore senza la durezza del blu puro. Abbinalo a sfondi quasi neri e usa toni pallidi e ghiacciati per testo, icone e highlights nei grafici. -
Quali colori di accento si abbinano meglio al ciano scuro?
Accenti caldi come corallo, terracotta, rame, ambra e sabbia creano un forte contrasto e un senso di accoglienza. Per un look più fresco, usa menta, ciano ghiaccio, blu cielo o violetto morbido come accenti secondari. -
Come posso evitare che il ciano scuro sembri torbido?
Dagli abbastanza spazio pulito (bianco sporco o grigio chiaro), evita di sovrapporre più toni profondi insieme e riserva il quasi-nero più scuro per la tipografia. Mantieni anche i gradienti delicati per preservare la ricchezza del teal. -
Il ciano scuro può funzionare per il branding professionale?
Assolutamente. Il ciano scuro è spesso percepito come affidabile e moderno, soprattutto se abbinato a neutri ardesia/grigi. È una scelta forte per siti B2B, marchi di servizi e presentazioni. -
Qual è un colore sicuro per il testo su sfondi ciano scuro?
Per titoli ed etichette UI, bianco sporco (#f7f7f2, #f8fafc) è generalmente sicuro. Per l’accessibilità, controlla sempre i rapporti di contrasto—a volte serve un bianco ancora più chiaro per testi piccoli. -
Quanti colori dovrei usare da una palette ciano scuro?
Per la maggior parte dei design, 3–5 sono sufficienti: un ciano scuro come punto di ancoraggio, un neutro profondo per il testo, un neutro chiaro per lo sfondo e 1–2 accenti. Questo mantiene chiara la gerarchia e rende più facile scalare i layout.
Prossimo: Palette colore Crema Rosa

