20 Idee Palette Colori Giallo Teal con Codici Hex

Una palette di colori giallo e teal è uno dei modi più semplici per bilanciare il calore e la freschezza in un unico look. Il giallo porta ottimismo e visibilità, mentre il teal aggiunge profondità, fiducia e un tocco moderno e pulito.

Che si tratti di progettare un'interfaccia utente, creare packaging o impaginare materiali stampati, giallo e teal possono avere un aspetto balneare, rétro, lussuoso o minimal a seconda dei neutri di supporto e delle scelte di contrasto.

Perché le palette giallo-teal funzionano così bene

Il giallo e il teal si trovano in un punto dolce di contrasto: il giallo attira naturalmente l’attenzione, mentre il teal trasmette stabilità e controllo. Insieme, creano una gerarchia visiva chiara—perfetta per titoli, pulsanti e informazioni chiave.

Questa combinazione si adatta anche a molti stili. Con bianchi e grigi netti diventa moderna e tecnologica; con crema e marroni assume un aspetto artigianale e rétro; con blu navy scuro può sembrare premium e drammatica.

Ancora più importante, le combinazioni di colori giallo teal sono flessibili per l'accessibilità. Se mantieni il testo su neutri scuri e riservi il giallo agli accenti, ottieni una palette vivace che resta leggibile sia su schermi che su stampati.

Oltre 20 idee per palette di colori giallo e teal (con codici HEX)

1) Laguna illuminata dal sole

HEX: #F9D65C #18A1A6 #0B4F6C #F3F5F7 #2D2A32

Mood: fresca, pulita, marittima

Ideale per: pagina landing di un brand di viaggi

Fresca e ariosa come la luce di mezzogiorno sull'acqua bassa, queste tonalità risultano nitide e ottimistiche. Usa il giallo brillante per CTA e il teal per navigazione e intestazioni. Abbina tanto spazio bianco e un colore di testo inchiostro scuro per garantire la leggibilità. Consiglio: riserva il teal blu più profondo per gli stati attivi affinché l’interfaccia sia calmante, non chiassosa.

Esempio di immagine di laguna illuminata dal sole generata 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) Marea agrumata

HEX: #FFD84D #00B8B0 #006D77 #F7EFE5 #1F2933

Mood: vivace, moderna, energica

Ideale per: schermate onboarding app

Vivace e frizzante, porta il tocco degli agrumi su toni oceanici freschi. Lascia che il giallo evidenzi gli step chiave e icone, mentre il teal dà struttura a pannelli ed elementi di avanzamento. Il bianco caldo mantiene le schermate accoglienti e riduce l’abbagliamento. Consiglio: mantieni il testo sul grigio profondo così gli accenti brillanti restano speciali.

Esempio di immagine di marea agrumata generata con media.io

3) Cabana rétro

HEX: #F6C445 #2AB7A9 #1E6F7A #FFFAF0 #8A5A44

Mood: rétro, giocosa, solare

Ideale per: locandina evento estivo

Giocosa e nostalgica, ricorda sedie a righe cabana e occhiali vintage. Usa il giallo caldo per blocchi di titoli, il teal per grandi forme o bordi. Il bianco crema mantiene il look arioso, mentre un tocco di marrone aggiunge una vibrazione rétro. Consiglio: usa motivi geometrici semplici così la palette racconta la storia.

Esempio di immagine di cabana rétro generata con media.io

4) Oasi nel deserto

HEX: #EFCB68 #1FB6AA #0E5E6F #E9E3D5 #3B3A36

Mood: radicata, calda, rilassante

Ideale per: layout brochure spa

Radicata e calmante, evoca sabbia riscaldata dal sole e acqua fresca di piscina. Il giallo attenuato funziona bene come tono di sfondo morbido, mentre il teal aggiunge enfasi tranquilla alle intestazioni sezione. Abbina texture naturali come carta lino e icone minimal lineari. Consiglio: aumenta il contrasto per il testo usando il grigio carbone.

Esempio di immagine di oasi nel deserto generata con media.io

5) Senape fresca

HEX: #D8B23A #35C6B2 #147A78 #F2F2F2 #2B2D42

Mood: intelligente, giovanile, tech

Ideale per: UI dashboard SaaS

Intelligente e vivace, ricorda grafici puliti con un tocco di personalità. Usa il teal per superfici primarie e la senape gialla per alert, evidenze e metriche chiave. Il grigio chiaro mantiene la dashboard neutra e professionale. Consiglio: applica il giallo con parsimonia così resta un segnale di priorità e non rumore costante.

Esempio di immagine di senape fresca generata con media.io

6) Surf da festival

HEX: #FFE066 #00C2B3 #007C91 #0B1320 #F8F3E7

Mood: audace, vivace, ad alto contrasto

Ideale per: grafica biglietto festival musicale

Audace ed elettrica, ricorda braccialetti neon nella notte. Spingi il giallo brillante per prezzi e date, lascia che il teal sostenga forme e divisori. Il quasi-nero aggiunge dramma e fa risaltare gli accenti. Consiglio: mantieni la tipografia spessa e semplice per leggibilità massima anche a dimensioni ridotte.

Esempio di immagine di surf da festival generata con media.io

7) Porto nordico

HEX: #F2D96B #4CB7A5 #2D6A78 #E8EEF2 #243B4A

Mood: fresco, minimale, raffinato

Ideale per: pagina linee guida branding

Fresco e ordinato, suggerisce un porto silenzioso sotto luce pallida. Usa il grigio-blu fosco come base, aggiungi il teal per blocchi di branding e elementi di navigazione. Il giallo funziona meglio come accento secondario per callout e icone. Consiglio: combinalo con un sans-serif pulito e margini generosi per un'atmosfera scandinava.

Esempio di immagine di porto nordico generata con media.io

8) Tocco giocoso

HEX: #FFDA57 #19B7B0 #0E7C86 #FFFFFF #FF6B6B

Mood: divertente, giovanile, allegro

Ideale per: UI app per bambini

Allegra ed energica, richiama sticker, flashcard e poster brillanti in classe. Il teal mantiene l’interfaccia stabile, mentre giallo e corallo regalano energia amichevole a pulsanti e premi. Lo spazio bianco aiuta la leggibilità per i più piccoli. Consiglio: usa il corallo solo per le celebrazioni, così non compete mai con le azioni principali.

Esempio di immagine di tocco giocoso generata con media.io

9) Terrazza botanica

HEX: #F4D35E #2EC4B6 #1B7F79 #F6F7EB #3D405B

Mood: fresca, verde, illuminata dal sole

Ideale per: set di illustrazioni botaniche primaverili

Fresca e piena di luce, evoca nuove foglie, vasi dipinti e la luce calda del pomeriggio. La gamma del teal è perfetta per steli e ombre, mentre il giallo aggiunge centri delicati dei fiori e punti di luce. Abbinala a una texture di carta morbida e bordi ad acquerello sfumati. Consiglio: mantieni lo sfondo bianco sporco così il verde e il giallo restano naturali.

Esempio di immagine di terrazza botanica generata con media.io

10) Patio di metà secolo

HEX: #E7C24F #3AB7B0 #2B6777 #F3EFEA #C65D39

Mood: metà secolo, caldo, curato

Ideale per: moodboard arredamento casa

Curato e accogliente, ricorda le piastrelle di metà secolo, mobili in teak e una porta del patio soleggiata. Il teal funziona bene per grandi superfici come pareti o blocchi, mentre accenti gialli e terracotta portano calore. Abbina a materiali naturali come legno, rattan e ceramiche opache. Consiglio: ripeti la tonalità terracotta a piccole dosi per uniformare lo stile.

Esempio di immagine di patio di metà secolo generata con media.io

11) Mercato Costiero

HEX: #FFE08A #25B7B1 #0F6674 #F9F6F0 #5A3E2B

Mood: accogliente, artigianale, luminoso

Ideale per: volantino mercato contadino

Accogliente e fatto a mano, ricorda cartelli dipinti, frutta fresca e aria di mare. Usa il giallo pallido come base calda, poi aggiungi il teal per titoli e frecce direzionali. Il marrone richiama la carta kraft, perfetto per testi piccoli e bordi. Consiglio: aggiungi semplici icone disegnate a mano per esaltare l'atmosfera artigianale.

Esempio di immagine di mercato costiero generata con media.io

12) Velluto Teal Oro

HEX: #F2C14E #0FB9B1 #0B7285 #102A43 #EAE2B7

Mood: lussuoso, atmosferico, drammatico

Ideale per: design menù cocktail bar

Lussuoso e intenso, suggerisce divanetti in velluto, dettagli in ottone e luce teal soffusa. Usa il blu navy profondo come sfondo principale, poi il giallo oro per evidenziare il menù e i prezzi. Il teal aggiunge un tocco raffinato per divisori e icone. Consiglio: scegli un carattere serif a forte contrasto per i titoli così la base scura rimane elegante e non pesante.

Esempio di immagine di velluto teal oro generata con media.io

13) Baia Morbida

HEX: #F7DE7A #5ED6C4 #2E9C98 #FFF7EE #6D6875

Mood: morbido, delicato, rassicurante

Ideale per: invito baby shower

Morbido e rassicurante, ricorda il sole che filtra tra le tende e il relax di un sonnellino pomeridiano. Il giallo pastello e l’acqua-teal si posano dolcemente sulla carta crema calda senza risultare stucchevoli. Abbina a una tipografia arrotondata e illustrazioni a linea semplici. Consiglio: mantieni il testo nel malva-grigio smorzato per una finitura delicata e leggibile.

Esempio di immagine di baia morbida generata con media.io

14) Piastrelle di Caffè

HEX: #F1CF4A #22B8A8 #1B5E6A #FAF3E0 #3D2C2E

Mood: accogliente, editoriale, artigianale

Ideale per: design confezione caffè

Accogliente e artigianale, richiama le piastrelle decorate, dolci agrumati e una tazzina di espresso teal. Usa il crema come base principale dell’etichetta, poi inserisci blocchi teal per il nome del marchio e informazioni sull’origine. Il giallo funziona bene per note della tostatura o piccoli badge. Consiglio: aggiungi un pattern geometrico discreto nel tono più scuro per un look caffetteria premium.

Esempio di immagine di piastrelle di caffè generata con media.io

15) Studio Highlight

HEX: #FFD24A #00B4A6 #005B66 #F5F7FA #111827

Mood: pulito, sicuro, professionale

Ideale per: hero section UI agenzia creativa

Pulito e sicuro, ricorda uno studio luminoso con ombre nette e tipografia decisa. Fai in modo che il teal sia il colore brand dominante per titoli e link, poi usa il giallo per un’unica azione principale. Il grigio chiaro mantiene la pagina moderna e riduce la fatica da contrasto. Consiglio: abbina a tipografia nera audace e icone semplici per un’impressione iniziale d’effetto.

Esempio di immagine di studio highlight generata con media.io

16) Rainy Day Pop

HEX: #FFE169 #2EC4B6 #2B6F7E #D9E2EC #334E68

Mood: allegro, bilanciato, quotidiano

Ideale per: UI app meteo

Allegro ma bilanciato, sembra come un ombrello colorato in una giornata grigia e piovigginosa. Usa i grigi freddi per lo sfondo e le card, poi porta il teal sui controlli principali. Il giallo è perfetto come accento per stati soleggiati e notifiche chiave. Consiglio: mantieni il riempimento delle icone coerente così gli accenti cromatici risultano chiari a colpo d'occhio.

Esempio di immagine di rainy day pop generata con media.io

17) Cancelleria Tropicale

HEX: #F9D34A #27C3AE #0E7A7C #FFFDF7 #FF8C61

Mood: vivace, amichevole, creativo

Ideale per: mockup set cancelleria

Vivace e amichevole, richiama cartoline tropicali e segnaletica chiara da resort. Il teal tiene insieme l’impostazione sulle intestazioni, mentre giallo e corallo aggiungono timbri, bordi o piccoli motivi allegri. Mantieni la base quasi bianca così la stampa resta nitida. Consiglio: scegli carta non patinata nel mockup per ammorbidire gli accenti vivaci.

Esempio di immagine di cancelleria tropicale generata con media.io

18) Etichetta Museo

HEX: #E9C95B #2AB3A6 #1F5F6B #F0F4F8 #2D3142

Mood: tranquilla, informativa, raffinata

Ideale per: impaginato catalogo mostra

Tranquilla e raffinata, ricorda una galleria ben illuminata e etichette stampate con cura. Usa il fondo ardesia chiaro per aria e respiro, poi scegli il teal come colore di sistema per titoli e didascalie. Il giallo è ottimo per piccoli richiami come segni di edizione o tab di sezione. Consiglio: allinea tutto a una griglia rigorosa per mantenere un layout da museo.

Esempio di immagine di etichetta museo generata con media.io

19) Energia Sportiva

HEX: #FFD000 #00BFAE #00707A #0B132B #F1F5F9

Mood: veloce, decisa, competitiva

Ideale per: banner promozionale sport

Veloce e decisa, ricorda le luci dello stadio riflesse su un campo teal. Usa il giallo per il titolo principale e gli highlight dei punteggi, mentre il teal supporta il testo secondario e le strisce grafiche. Il blu navy scuro aggiunge intensità e mantiene netti gli accenti brillanti. Consiglio: aggiungi forme diagonali e spaziatura stretta per amplificare il senso di movimento.

Esempio di immagine di energia sportiva generata con media.io

20) Cocktail Sera

HEX: #F6C85F #1BB6AF #0D5C63 #1F1B24 #F7F1E3

Mood: sofisticato, intimo, chic

Ideale per: design etichetta gin premium

Sofisticato e intimo, evoca luce di candela, scorza di agrumi e un bicchiere teal freddo. Per un packaging premium, lascia che il quasi nero domini la maggior parte dell'etichetta e usa il teal per linee decorative o sigilli. Il giallo sembra un accento caldo e metallico per piccoli dettagli tipografici. Consiglio: questi abbinamenti giallo e teal danno il meglio con un layout essenziale e tanto spazio vuoto.

Esempio di immagine di cocktail sera generata con media.io

21) Alga Dorata

HEX: #F2D15C #20B7A8 #0A7B83 #E6F2F0 #124559

Mood: oceanico, naturale, rigenerante

Ideale per: pubblicità prodotto skincare

Oceanico e rigenerante, richiama foreste di alghe illuminate dai raggi del sole sott’acqua. Usa l’acqua pallida come base pulita, poi aggiungi il teal per claim di prodotto e struttura. Il giallo è il miglior accento caldo su badge come “nuovo” o “ricco di vitamine”. Consiglio: in una palette teal-gialla come questa, mantieni i gradienti delicati per spiccare il lato botanico e sereno.

Esempio di immagine di alga dorata generata con media.io

Quali colori si abbinano bene al giallo teal?

I neutri sono l’abbinamento più semplice: bianco, bianco sporco, grigio chiaro, antracite e quasi nero aiutano il giallo a rimanere luminoso e il teal a restare nitido. Inoltre facilitano la lettura della tipografia, soprattutto nei layout UI.

Per un tocco più caldo, aggiungi argilla, terracotta, ruggine o marroni caldi per dare una sensazione rétro o artigianale. Per un effetto più fresco, inserisci verde acqua, menta e acqua pallida—basta mantenere un teal come ancora per evitare “troppi verdi”.

Se vuoi un accento più audace, il corallo o il rosso tenue funzionano come terzo colore, ma usali con moderazione. Con il giallo già evidenziato, il tuo design di solito ha bisogno solo di una “scintilla” in più.

Come usare una palette di colori giallo teal in progetti reali

Inizia decidendo quale colore è dominante. Nei layout moderni, il teal funziona meglio come colore principale del brand/sistema (navigazione, titoli, componenti UI), mentre il giallo diventa accento per CTA, badge e dati chiave.

Controlla il contrasto con neutri di supporto. Se il tuo teal è scuro, abbinalo a sfondi bianco sporco; se il giallo è molto brillante, tienilo lontano da blocchi di testo lunghi e usa blu ardesia/nero per i testi principali.

Per la stampa, considera tono della carta e copertura dell’inchiostro. Carta avorio può ammorbidire i gialli brillanti, mentre basi scure (navy/quasi nero) fanno apparire teal e giallo più pregiati—assicurati solo che i testi piccoli restino a contrasto elevato.

Crea visual della palette giallo teal con l’IA

Se hai già codici HEX, puoi generare mockup brandizzati più velocemente descrivendo il layout e specificando dove giallo e teal devono apparire (pulsanti, titoli, badge, divisori e sfondi). Così puoi testare più direzioni senza rifare tutte le risorse.

Prova a creare alcune varianti: una UI minimale, un poster e un mockup di packaging. Vedrai subito se il giallo rende meglio come CTA brillante o come fondo delicato, e se il teal deve virare più sul verde o sul blu per la tua nicchia.

Usa lo strumento text-to-image di Media.io per trasformare la tua palette in immagini visuali coerenti per branding, web e stampa.

Prossimo: Palette Colore Ruggine