22 idee di palette colori giallo, teal e blu con codici hex

Una palette di colori giallo, verde acqua e blu fonde il calore solare con la freschezza acquatica, risultando energica senza essere caotica. È una combinazione semplice per il branding moderno, UI, poster e interni.

Di seguito trovi oltre 20 idee di palette giallo, verde acqua e blu con codici HEX e prompt pronti all'uso che puoi utilizzare su Media.io per generare rapidamente visual abbinati.

Perché le palette giallo, verde acqua e blu funzionano così bene

Il giallo porta immediata attenzione e ottimismo, mentre verde acqua e blu aggiungono calma, credibilità e struttura. Insieme creano un mix di temperatura equilibrato (caldo + freddo) che risulta fresco e versatile.

Poiché il blu sostiene naturalmente la leggibilità e la gerarchia, è facile assegnare i ruoli: blu per intestazioni/navigazione, verde acqua per stati interattivi e giallo per evidenziazioni (prezzi, badge, dati chiave). Questo rende la combinazione particolarmente efficace in interfacce e sistemi di branding.

Un altro vantaggio è la gamma: puoi spostare lo stesso trio dal giocoso (limone brillante + acqua) al premium (oro + blu navy profondo + verde acqua smorzato) semplicemente regolando la saturazione e usando neutri più morbidi per dare respiro.

Oltre 20 idee di palette di colori giallo, verde acqua e blu (con codici HEX)

1) Laguna al Sole

HEX: #ffd54a #1fb7a6 #1b74b8 #0d2b45 #f6f1e6

Atmosfera: brillante, costiera, ottimista

Ideale per: pagina di atterraggio viaggio UI

Brillante e costiera, ricorda il sole che colpisce acqua limpida accanto alle ombre dell’oceano profondo. Usala per pagine di viaggio o ospitalità dove desideri energia senza caos. Abbina il verde acqua per i pulsanti, il blu per le intestazioni e il giallo caldo per evidenziazioni e prezzi. Consiglio: mantieni il crema come sfondo principale per evitare che il giallo sovrasti il testo.

Esempio immagine di laguna al sole generato con media.io

Media.io

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

Provalo Subito Gratis

2) Marea Agrumata

HEX: #ffe14f #2dd4bf #2563eb #0f172a #ffffff

Atmosfera: pulita, sportiva, ad alto contrasto

Ideale per: schermate onboarding app fitness

Pulita e sportiva, richiama agrumi freschi sull’acqua limpida e blu di mezzanotte. Il contrasto deciso la rende ideale per flussi di onboarding e callout di funzioni. Usa il verde acqua per stati di progresso, il blu per azioni principali e il giallo per micro-evidenziazioni come badge. Consiglio: riserva il blu notte per la tipografia, mantenendo leggibilità sul bianco.

Esempio immagine di marea agrumata generato con media.io

3) Marina di Calendula

HEX: #ffcc33 #14b8a6 #3b82f6 #1e3a8a #f1f5f9

Atmosfera: fresca, nautica, moderna

Ideale per: UI dashboard SaaS

Fresca e nautica, richiama le bandiere del porto e aria pulita marina con un tocco moderno. Perfetta per dashboard dove servono gerarchie chiare e colori di stato. Usa il grigio-azzurro chiaro per le superfici, i blu scuri per la navigazione e la calendula per avvisi o KPI chiave. Consiglio: riserva il giallo a piccole aree perché resti raffinato e non giocoso.

Esempio immagine di marina di calendula generato con media.io

4) Limonata a Bordo Piscina

HEX: #fff07a #00a8a8 #0077b6 #023047 #eae2b7

Atmosfera: solare, rilassata, estiva

Ideale per: poster evento estivo

Solare e rilassata, ricorda una limonata in mano vicino a una piscina e una cabina all’ombra. Queste combinazioni di colori giallo, verde acqua e blu sono perfette per poster estivi, menù e promozioni stagionali. Abbina il blu navy scuro per il testo, l’acqua per forme e bordi e il giallo per il titolo. Consiglio: lascia spazi generosi e usa il neutro sabbia per ammorbidire il contrasto.

Esempio immagine di limonata a bordo piscina generato con media.io

5) Negozio Surf Retrò

HEX: #ffc857 #2a9d8f #277da1 #1d3557 #f7f3e3

Atmosfera: retrò, amichevole, marino

Ideale per: merchandising maglie e adesivi

Retrò e amichevole, evoca la cera da surf, insegne vintage e una brezza salata. Ottima per grafiche merchandising con un tocco nostalgico senza essere fluo. Usa il crema per le basi stampa, il navy per i contorni e il giallo per un sole o badge logo. Consiglio: mantieni il verde acqua leggermente smorzato nei riempimenti ampi per un tono classico.

Esempio immagine di negozio surf retrò generato con media.io

6) Aula Costiera

HEX: #ffde59 #4ecdc4 #5dade2 #2c3e50 #fdfcdc

Atmosfera: allegra, accogliente, educativa

Ideale per: scheda esercizi stampabile per bambini

Allegra e accogliente, ricorda un’aula luminosa vicino al mare. I toni sono ideali per contenuti per bambini ma restano leggibili anche per genitori e insegnanti. Usa il crema pallido come tono carta, il grigio scuro per istruzioni e il giallo per titoli di sezione. Consiglio: ripeti il verde acqua come colore icona per ridurre il disordine visivo.

Esempio immagine di aula costiera generato con media.io

7) Alba sulla Baia

HEX: #ffd166 #06d6a0 #118ab2 #073b4c #ef476f

Atmosfera: giocosa, vivace, energica

Ideale per: carosello promozione social

Giocosa e vivace, ricorda un’alba sfumata sull’acqua con un tocco di corallo deciso. Ottima per caroselli promozionali dove servono movimento e contrasto. Usa il blu come base, il verde acqua per blocchi intermedi e il giallo per frasi d’impatto o sconti. Consiglio: mantieni il corallo su un elemento ricorrente per intenzionalità, non confusione.

Esempio immagine di alba sulla baia generato con media.io

8) Nota Minimal Acqua

HEX: #f9d65c #22c1c3 #1f6feb #111827 #f8fafc

Atmosfera: minimale, nitida, tecnologica

Ideale per: UI app per prendere appunti

Minimale e nitida, ricorda carta pulita con un evidenziatore verde acqua e un inchiostro blu preciso. Questa palette giallo, verde acqua e blu brilla nelle app di produttività dove la chiarezza è fondamentale. Usa il quasi-bianco per le aree di scrittura, l’inchiostro scuro per il testo e il giallo per enfasi leggere, come le note fissate. Consiglio: riserva il verde acqua per stati interattivi hover per una rapida comprensione degli utenti.

Esempio immagine di nota minimal acqua generato con media.io

9) Foresta di Alghe Dorate

HEX: #f6c445 #1aa6b7 #0b5fa5 #082032 #d7e9f7

Atmosfera: suggestiva, oceanica, avventurosa

Ideale per:miniatura documentario e scheda titolo

Atmosferico e oceanico, suggerisce ombre di alghe con un bagliore dorato che filtra nell'acqua profonda. È una scelta forte per visual documentari, copertine e schede titolo che richiedono drammaticità. Lascia che il blu navy più scuro porti lo sfondo, poi aggiungi gradienti teal e riserva il dorato per il titolo. Consiglio: aggiungi una delicata foschia azzurro chiaro per creare profondità senza colori extra.

Esempio d’immagine di foresta di alghe dorate generata con media.io

10) Segnaletica Resort Ventosa

HEX: #ffe66d #00bfb2 #0074d9 #001f3f #faf3dd

Atmosfera:accogliente, arioso, raffinato

Ideale per:set segnaletica hotel wayfinding

Accogliente e arioso, ricorda corridoi soleggiati con aria marina fresca. Il contrasto garantisce una segnaletica direzionale chiara mantenendo un aspetto elegante. Usa il navy per testo e frecce, teal per le bande delle sezioni e il caldo giallo per i marcatori di piano o ala. Consiglio: mantieni la crema costante su tutte le insegne così il sistema apparirà unificato.

Esempio d’immagine di segnaletica resort ventosa generata con media.io

11) Biglietto Museo Moderno

HEX: #ffd23f #12a4d9 #1e40af #0b1320 #e5e7eb

Atmosfera:snello, curato, contemporaneo

Ideale per:design biglietto evento e braccialetto

Snello e curato, ricorda l’illuminazione di galleria su stampe moderne con uno splash deciso di giallo. Come schema di colori giallo teal blu, bilancia energia vivace con tipografia seria. Usa l’inchiostro scuro per QR code e testo fine, il blu brillante per i blocchi principali e il giallo per la classe del posto o l’orario d’ingresso. Consiglio: mantieni molto spazio grigio così il biglietto sembra premium e facilmente scansionabile.

Esempio d’immagine di biglietto museo moderno generato con media.io

12) Classico Yacht Club

HEX: #f1c40f #16a085 #2980b9 #2c3e50 #ecf0f1

Atmosfera:classico, nautico, sicuro

Ideale per:identità aziendale per impresa costiera

Classico e nautico, ricorda ottone lucido, scafi dipinti e uniformi impeccabili. Funziona per sistemi di identità che devono risultare autorevoli ma freschi. Usa il blu ardesia come colore centrale del marchio, porta il teal nei motivi di supporto e salva il giallo per timbri, sigilli e call to action. Consiglio: crea anzitutto un logo monocromatico navy, poi aggiungi il giallo come accento opzionale.

Esempio d’immagine di yacht club classico generato con media.io

13) Etichette Mercato Fresco

HEX: #ffdf6c #2ec4b6 #3a86ff #1d3557 #fefefe

Atmosfera:fresco, amichevole, retail moderno

Ideale per:etichetta barattolo alimentare e packaging

Fresco e amichevole, evoca ingredienti puliti e una luminosa bancarella di mercato sul mare. Queste combinazioni giallo teal blu funzionano bene su etichette piccole dove il contrasto è importante. Usa il bianco come base, navy per il testo ingredienti e teal per gli indizi di sapore, poi aggiungi giallo come badge qualità. Consiglio: mantieni il blu brillante per una sola striscia audace così lo scaffale resta ordinato.

Esempio d’immagine di etichette mercato fresco generata con media.io

14) Neon Nuotata Notturna

HEX: #ffd60a #00c2c7 #00a6fb #003566 #001d3d

Atmosfera:audace, elettrico, nightlife

Ideale per:copertina volantino club

Audace ed elettrico, ricorda luci di piscina notturna con riflessi neon e ombre indigo profonde. Ideale per copertine d’impatto dove serve energia immediata. Usa l’indigo come base, poi aggiungi gradienti cyan e teal per effetto glow, inserendo il giallo per il titolo principale. Consiglio: aggiungi una texture soffice a grana per evitare che i colori brillanti appaiano piatti.

Esempio d’immagine di neon nuotata notturna generata con media.io

15) Percorso Clinica Tranquilla

HEX: #ffe8a3 #3bc9db #4dabf7 #343a40 #f8f9fa

Atmosfera:calma, igienico, rassicurante

Ideale per:sito web clinica e segnaletica

Calmo e rassicurante, ricorda la luce soffusa del giorno con toni di acqua pulita e calore delicato. Perfetto per cliniche, studi dentistici e marchi wellness che necessitano fiducia. Usa il bianco sporco per spazi aperti, il charcoal per il testo e ruota i blu per sezioni e pulsanti. Consiglio: mantieni il giallo pallido come piccolo accento per segnali amichevoli come promemoria appuntamenti.

Esempio d’immagine di percorso clinica tranquilla generato con media.io

16) Seaside Fiabesco

HEX: #ffdd57 #8bd3dd #3a86ff #264653 #faf9f6

Atmosfera:morbido, fiabesco, adatto alle famiglie

Ideale per:illustrazione copertina libro bambini

Morbido e fiabesco, suggerisce onde gentili, sabbia soleggiata e un orizzonte calmo in un mondo di fiabe. La palette è amichevole per copertine illustrate e aperture di capitoli. Usa il teal profondo per le lettere del titolo, il blu cielo per grandi stesure e il giallo caldo per piccoli punti focali come stelle o lanterne. Consiglio: mantieni lo sfondo vicino al bianco così l’illustrazione resta ariosa.

Esempio d’immagine di seaside fiabesco generato con media.io

17) Palco Conferenza Tech

HEX: #ffb703 #219ebc #023e8a #0b132b #f1faee

Atmosfera:sicuro, moderno, d’impatto

Ideale per:tema slide keynote conferenza

Sicuro e moderno, ricorda il riflettore che taglia il blu profondo del palco con un caldo segnale dorato. Questa palette colori giallo teal blu è particolarmente forte per deck keynote che necessitano struttura chiara e impatto visivo. Usa il navy quasi nero per slide piene, teal per grafici e oro per divisori e numeri chiave. Consiglio: mantieni il testo su tinta chiara per evitare affaticamento degli occhi nelle sale scure.

Esempio d’immagine di palco conferenza tech generato con media.io

18) Biglietto Botanico di Primavera

HEX: #ffe27a #4dd4c6 #3f83f8 #22577a #fff8e1

Atmosfera:luminoso, botanico, positivo

Ideale per:biglietto acquerello auguri

Luminoso e botanico, evoca foglie primaverili con petali soleggiati e ombre fresche del mattino. Perfetto per biglietti di auguri, inviti e piccole stampe artistiche. Usa la crema come carta, dipingi fogliame teal e mantieni il blu per delicati contorni o bordi. Consiglio: lascia che il giallo compaia come stesure morbide piuttosto che blocchi solidi, per un effetto artigianale.

Esempio d’immagine di biglietto botanico di primavera generato con media.io

19) Piastrelle Heritage

HEX: #f7d154 #2a9d8f #457b9d #1d3557 #f2e9e4

Atmosfera:artigianale, mediterraneo, radicato

Ideale per:visualizer backsplash cucina

Artigianale e radicato, evoca piastrelle dipinte a mano scaldate dal sole del tardo pomeriggio. I blu smorzati mantengono la raffinatezza mentre il giallo dà vita al motivo. Usa la crema come fughe o sfondo, navy scuro per i contorni e teal per motivi ripetuti. Consiglio: ingrandisci leggermente il motivo su schermo per evitare effetto moiré nelle anteprime.

Esempio d’immagine di piastrelle heritage generato con media.io

20) Prodotto Studio Spotlight

HEX: #ffd84d #20c997 #228be6 #102a43 #f5f5f5

Atmosfera:raffinato, commerciale, lucido

Ideale per:pubblicità prodotto skincare

Raffinato e lucido, ricorda un set studio pulito con luce d’accento brillante e riflessi acquatici freddi. Perfetto per pubblicità di prodotto che richiedono tono moderno e fresco. Usa il grigio-bianco come sfondo, blu per il titolo principale e teal per richiami secondari, poi inserisci il giallo su un piccolo sticker o tag sconto. Consiglio: mantieni ombre neutre così i colori restano fedeli e premium.

Esempio d’immagine di spotlight prodotto studio generato con media.io

21) Editoriale Faro

HEX: #ffe06b #1ecbe1 #2f6fdf #1b2a41 #f7f7f2

Atmosfera:editoriale, nitido, contemporaneo

Ideale per:layout articolo rivista

Nitido e contemporaneo, evoca il raggio di un faro che taglia la foschia luminosa del mare. Adatto a layout editoriali che richiedono titoli forti e spazio di lettura rilassato. Usa l'off-white per colonne, navy per testo e blu per header delle sezioni, poi inserisci il giallo per le citazioni evidenziate. Consiglio: mantieni il teal per linee sottili e icone così non interferisce col colore del titolo.

Esempio d’immagine di editoriale faro generato con media.io

22) Matrimonio Porto Soleggiato

HEX: #ffe59a #34d1bf #2d7dd2 #203354 #fffdf6

Atmosfera:romantico, arioso, elegante

Ideale per:suite inviti matrimonio spiaggia

Romantico e arioso, ricorda una cerimonia tranquilla al porto con sole caldo e acqua limpida. Perfetto per suite di inviti dove serve eleganza senza pastelli pesanti. Usa la crema soffice per il cartoncino, navy per la tipografia e incorpora teal per monogrammi o bordi. Consiglio: applica il giallo come piccolo sigillo o highlight della data per mantenere l’aspetto raffinato.

Esempio d’immagine di matrimonio porto soleggiato generato con media.io

Quali colori si abbinano bene con giallo, verde acqua e blu?

I neutri sono le scelte più semplici: bianco, crema, sabbia, grigio chiaro e charcoal profondo aiutano a controllare il contrasto e impedire al giallo brillante di predominare. Navy si abbina naturalmente a teal/blu per ancorare layout e migliorare la leggibilità.

Come accenti, corallo e rosa caldo aggiungono una vivacità complementare, mentre menta o verde mare ammorbidiscono il tono generale per design wellness e lifestyle. Per una direzione più premium, prova oro opaco e teal desaturato con tanto spazio off-white.

Quando serve maggiore profondità, aggiungi blu quasi nero (inchiostro/navy) per tipografia e sfondi. Il risultato è un aspetto intenzionale con evidenziature gialle più nitide e d’impatto.

Come usare una palette di colori giallo, verde acqua e blu nei design reali

Assegna ruoli chiari: usa blu come colore base/marchio primario, teal per stati UI secondari (hover, avanzamento, highlight), e giallo come colore “attenzione” per badge CTA, prezzi, alert o numeri chiave. Così la palette non apparirà caotica.

Gestisci le proporzioni con una linea guida semplice: 60% sfondo neutro, 30% superfici blu/teal, 10% accenti gialli. Nella stampa, considera di smorzare leggermente il giallo su ampie superfici e riservarlo per titoli, icone o forme piccole.

Per l’accessibilità, mantieni il testo principale su sfondo bianco/panna o blu navy molto scuro e verifica il contrasto per i pulsanti. Il giallo spesso funziona meglio come sfondo solo se abbinato a testo blu navy scuro, non bianco.

Crea visual palette giallo, verde acqua e blu con l’IA

Se vuoi vedere il tuo schema di colori giallo, teal e blu in azione, genera rapidamente dei mockup con l'AI prima di impegnarti in un sistema di design completo. Questo ti aiuta a validare contrasto, gerarchia e atmosfera (sportivo vs elegante vs giocoso) in pochi minuti.

Usa i prompt sopra come punto di partenza, poi inserisci i tuoi esatti codici HEX e i rapporti di output (1:1, 16:9, 9:16) per social, web o stampa. Mantieni i neutri coerenti così i tuoi accenti gialli risultano puliti e intenzionali.

Media.io rende semplice creare immagini in linea con il brand per landing page, poster, packaging e concept UI—direttamente nel browser.

Avanti: Palette Colore Cadet Blue