# Gradiente beige: codici neutri e caldi per un effetto calmo

[Canonical HTML page](https://gradiently.design/it/guide/beige-gradient)

Il beige è facile da azzeccare quasi, e sorprendentemente difficile da azzeccare davvero. Il segreto è scegliere un sottotono, tenere abbastanza gamma da far vedere la sfumatura e aggiungere texture.

## The short version

- Un gradiente beige appare calmo e raffinato quando ogni punto di colore condivide un solo sottotono: rosa, giallo o grigio.
- I gradienti beige richiedono una gamma di luminosità più ampia di quanto si pensi, altrimenti la sfumatura sparisce e il design sembra piatto.
- I gradienti chiari e a basso contrasto soffrono facilmente di banding sugli schermi, e uno strato di grana fine è il rimedio più affidabile.
- I marroni scuri e caldi, come l’espresso, leggono meglio sul beige del nero puro, mentre il testo bianco funziona di rado.
- I gradienti sabbia vanno dal crema pallido a un oro tostato, come una duna che scurisce sul lato in ombra.

Un **gradiente beige** fonde neutri caldi, crema, sabbia, avena e lino, da un tono chiaro a uno appena più profondo, tutti con lo stesso sottotono. Fatto bene è calmo, naturale e discretamente premium, ed è per questo che lo amano skincare, interni, matrimoni e moda lenta. Fatto male sembra la scansione di una vecchia busta. La differenza sta in tre scelte: un sottotono, abbastanza gamma e un po’ di texture. Qui sotto trovi i codici per ogni look.

## Scegli un sottotono prima del colore

Ogni beige tende da qualche parte. I beige rosati sono morbidi, simili alla pelle. I beige gialli sono solari e sabbiosi. I beige grigi, detti spesso greige, hanno un tono architettonico e fresco. Mescolare sottotoni nello stesso gradiente è il motivo principale per cui il beige sembra sporco: un punto rosa accanto a uno grigio sembra una macchia, non una sfumatura. Decidi prima, poi resta lì.

- Lino: #faf6ef
- Beige rosato: #ecd3c6
- Sabbia rosa: #d4ae9c
- Sabbia: #e8cfa8
- Duna miele: #c9a273
- Greige: #ddd6cc
- Pietra: #b9b0a3
- Inchiostro espresso: #3b2a1e

Tre famiglie di sottotono: rosa nella coppia rosata, giallo nella coppia sabbia, grigio in greige e pietra. Lino ed espresso vanno bene con tutte e tre.

## Codici per il gradiente sabbia

Un **gradiente sabbia** segue una duna: luminoso e cremoso sul lato rivolto al sole, più profondo e dorato sul lato in ombra. Sono i beige più caldi di questa pagina e i più indulgenti, perché il sottotono giallo li tiene lontani dal grigio.

- Duna di sabbia: `linear-gradient(160deg, #f6ead6 0%, #e8cfa8 50%, #c9a273 100%)`
- Mezzogiorno nel deserto: `linear-gradient(180deg, #fbf3e6 0%, #efd9b4 60%, #d9b27c 100%)`
- Ombra della duna: `linear-gradient(135deg, #f2e2c9 0%, #d8b48a 45%, #a9805a 100%)`
- Sabbia bagnata: `radial-gradient(ellipse at 30% 20%, #f3e5cf 0%, #d6bb94 50%, #b08d66 100%)`

Quattro look sabbia. Ombra della duna ha la gamma più ampia e regge meglio a piccole dimensioni; mezzogiorno nel deserto è il più luminoso e sta bene con testo scuro ovunque.

## Codici per lino, avena e pietra

Sono i beige più silenziosi, vicini al crema e al greige. Fanno ottimi sfondi per foto di prodotto e testi lunghi, perché restano indietro e lasciano guidare tutto il resto. Il lino è il più sottile, quasi non è un gradiente; il beige rosato porta il sottotono rosa; la pietra è la più fredda, quasi grigia.

- Lino: `linear-gradient(180deg, #faf6ef 0%, #f1e8da 100%)`
- Latte d’avena: `linear-gradient(150deg, #f5ede1 0%, #e6d5bf 55%, #cdb59a 100%)`
- Beige rosato: `linear-gradient(160deg, #f8ece6 0%, #ecd3c6 55%, #d4ae9c 100%)`
- Pietra: `linear-gradient(160deg, #f2efea 0%, #ddd6cc 50%, #b9b0a3 100%)`

Neutri morbidi. Se un gradiente beige sul tuo schermo sembra un colore piatto, la gamma è troppo piccola: scurisci l’ultimo punto.

Per la famiglia più ampia dei toni calmi, guarda le [palette di colori neutri](https://gradiently.design/it/guide/neutral-color-palettes) e i [colori terrosi](https://gradiently.design/it/guide/earth-tone-colors). Se vuoi la parte più profonda della stessa famiglia, caffè e caramello, i codici del [gradiente marrone](https://gradiently.design/it/guide/brown-gradient) proseguono da dove questi si fermano.

## Perché i gradienti beige fanno banding e come ripararlo

I gradienti chiari con una gamma ridotta attraversano solo pochi valori di colore distinti, quindi lo schermo li disegna a gradini visibili, e una forte compressione peggiora le cose. Il beige è particolarmente soggetto. Uno strato di grana fine spezza i gradini e, per di più, fa sembrare il beige carta, intonaco o tessuto invece di un colore da schermo. [Il banding nei gradienti](https://gradiently.design/it/guide/gradient-banding) ne spiega la causa nel dettaglio.

```css
.sand {
  position: relative;
  background: linear-gradient(160deg, #f6ead6 0%, #e8cfa8 50%, #c9a273 100%);
}

.sand::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.18;
  mix-blend-mode: multiply;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
```

Un gradiente sabbia con uno strato di rumore SVG sovrapposto in multiply. Alza l’opacità per una superficie più ruvida e cartacea.

Altre ricette di grana, e quanto spingerla, sono nei [gradienti con grana](https://gradiently.design/it/guide/grainy-gradients). I Mark di Gradiently portano la grana nella propria ricetta, quindi un Mark beige arriva con la texture già bilanciata a ogni dimensione.

## Colori del testo adatti al beige

| Inchiostro | Hex | Effetto | Usalo per |
| --- | --- | --- | --- |
| Espresso | `#3b2a1e` | Caldo e morbido, ancora molto leggibile | Titoli e testo su qualsiasi beige |
| Antracite | `#2b2b2b` | Netto e moderno | Sfondi pietra e greige |
| Oliva scuro | `#3d4a2f` | Naturale, un po’ inatteso | Sfondi sabbia e avena |
| Terracotta | `#a4502f` | Accento caldo | Solo titoli grandi e prezzi |
| Bianco | `#ffffff` | Debole sul beige chiaro | Solo titoli grandi sui punti più scuri di ombra della duna |

Il nero funziona, ma il marrone espresso tiene l’intero design nella stessa famiglia calda.

## Un beige calmo, non spento

### Sembra spento

- Beige rosati, gialli e grigi nella stessa sfumatura
- Due punti così vicini che la sfumatura è invisibile
- Una superficie digitale pulita con bande visibili
- Testo nero puro e layout affollato
- Testo bianco su sabbia chiara

### Sembra calmo

- Un solo sottotono su ogni punto
- Una gamma chiara dal crema alla sabbia tostata
- Una grana fine che sembra carta o intonaco
- Testo espresso e molto spazio
- Inchiostro scuro, con un solo accento terracotta

Il beige premia la sobrietà. Poche parole, molto spazio e una sola foto prodotto forte sembreranno più costose di qualsiasi decorazione. È lo stile dietro la maggior parte del buon [design per brand skincare](https://gradiently.design/it/guide/skincare-brand-design), e funziona bene anche per partecipazioni di nozze e studi di interni.

Un post verticale su sfondo sabbia caldo con le parole Meno, ma meglio in testo marrone scuro

Un post di lancio skincare in un Mark sabbia. Testo espresso, una sola riga, molta aria.

## Dove un gradiente beige si guadagna il posto

Il beige lavora al meglio dove sostiene qualcos’altro: un prodotto, una fotografia, poche parole curate. Alcuni posti dove brilla, con le dimensioni a cui progettare:

- **Foto di prodotto:** un gradiente lino o avena dietro un flacone o un pezzo di ceramica, a 2048×2048 per un’immagine prodotto Shopify, lascia l’oggetto protagonista.
- **Partecipazioni di nozze:** beige rosato o sabbia per inviti da 5×7 in (1500×2100 a 300 dpi), con testo espresso o oliva scuro. Altre idee nelle [palette di colori per matrimoni](https://gradiently.design/it/guide/wedding-color-palettes).
- **Interni e architettura:** gradienti pietra e greige per copertine di portfolio e post di progetto, dove i colori li mette la fotografia. Vedi il [branding per interior designer](https://gradiently.design/it/guide/interior-designer-branding).
- **Sezioni di un sito:** un gradiente lino dietro una testimonianza o una tabella prezzi la separa dalle sezioni bianche senza un bordo netto.
- **Una griglia Instagram calma:** alterna post sabbia e foto e il feed si legge come un insieme ben pensato.

Poiché il beige è così sottile, lo stesso gradiente può andare bene in una story e sembrare slavato su un banner largo. Esportalo per ogni formato invece di stirare un solo file, e controlla il punto più chiaro su un telefono a piena luminosità, dove il beige pallido può scivolare verso il bianco.

## FAQ

### Quali colori formano un gradiente beige?

Toni crema, sabbia, avena e lino che condividono un solo sottotono, per esempio da #f6ead6 a #e8cfa8 a #c9a273 per un gradiente sabbia caldo.

### Perché il mio gradiente beige sembra sporco?

Di solito mescola sottotoni, per esempio un beige rosato accanto a uno grigio. Tieni ogni punto nella stessa famiglia.

### Che colore di testo uso su sfondo beige?

Un marrone scuro caldo come l’espresso #3b2a1e si legge bene ed è più morbido del nero. L’antracite va bene con i greige più freddi.

### Come evito il banding in un gradiente chiaro?

Allarga la gamma tra primo e ultimo punto, aggiungi uno strato di grana fine sopra il gradiente ed esporta in PNG invece che in JPEG compresso.