HueOdyssey
Apri la navigazione
Italiano
Guida pratica alla palette

Palette di colori retrò

Esplora palette di colori retrò con sette ruoli semantici, contrasto leggibile, un'anteprima reale dell'interfaccia e valori HEX pronti per il CSS.

background#FFF7E6
surface#FFFFFF
secondary#2A9D8F
primary#D95D39
accent#E9C46A
muted#687272
text#263238

Perché questa palette funziona

Il retrò può permettersi abbinamenti vivaci, ma la gerarchia deve restare contemporanea. Separa colore principale, supporto e accento, senza sacrificare la chiarezza alla nostalgia.

I sette colori sono assegnati ad azione principale, supporto secondario, accento, sfondo, superficie, testo e contenuto attenuato. Così la palette serve ben oltre una moodboard.

Come usarla

Metti in primo piano un’azione

Usa il colore principale per inviti all’azione e link, non per ogni elemento decorativo.

Proteggi il contrasto di lettura

Abbina il testo a sfondi e superfici che rispettano il livello WCAG AA.

Riserva il colore di accento

L’accento dà il meglio su badge, evidenze e momenti che richiedono attenzione.

Direzioni correlate

Domande frequenti

Posso usare questi colori in un progetto commerciale?

Sì. I valori HEX sono dati cromatici, non risorse con licenza. Adatta la palette alla tua interfaccia e al contesto del brand.

La palette rispetta i requisiti WCAG?

Il ruolo del testo viene verificato su sfondo e superficie. Controlla nuovamente il contrasto dopo ogni modifica a colore, carattere, dimensione o peso.