# Nøytrale fargepaletter som fortsatt har karakter

[Canonical HTML page](https://gradiently.design/nb/guide/neutral-color-palettes)

Beige, grått og hvitt kan se eksklusivt ut, eller som om ingen tok en beslutning. Forskjellen ligger i temperatur, spenn og én liten overraskelse. Her er åtte nøytrale paletter med koder, og reglene som holder dem levende.

## The short version

- En nøytral fargepalett bygges av farger med lav metning, som hvitt, elfenben, beige, gråbrunt, grått, koksgrått og nesten svart.
- Nøytrale farger har en temperatur: varme nøytraler heller mot gult, rødt eller brunt, og kalde nøytraler heller mot blått eller grønt.
- En nøytral palett ser flat ut når alle fargene har samme lyshet, så ta med minst én svært lys, én middels og én svært mørk tone.
- De fleste nøytrale paletter trenger én aksentfarge i små mengder for å gi øyet et fokuspunkt.
- Mellomtoner som gråbrunt og stein klarer som regel ikke kontrastkravet for brødtekst på lys bunn, så sett tekst i den mørkeste tonen.

En god **nøytral fargepalett** bruker farger med svært lite metning, som elfenben, sand, gråbrunt, stein, koksgrått og nesten svart, og gir dem karakter på tre måter: den velger en temperatur, den går hele veien fra lyst til mørkt, og den legger til én liten aksent. Hopper du over dette, får du den beigen som ser ut som en standardinnstilling. Nedenfor finner du åtte paletter med koder du kan kopiere, og tanken bak hver av dem, så du kan justere dem i stedet for å kopiere dem.

## Varme, kalde og rene nøytraler

Svært få nøytrale farger er helt fargeløse, og de som er det, kan føles kalde. De fleste heller et sted, og den retningen setter stemningen. Å blande en varm beige med en kald blågrå ved et uhell er den vanligste grunnen til at et nøytralt fargeoppsett føles litt feil.

| Familie | Heller mot | Føles | Eksempelkoder |
| --- | --- | --- | --- |
| Varme nøytraler | Gult, rødt, brunt | Myk, levd i, gjestfri | Elfenben `#F3EEE6`, sand `#D9CBB4`, gråbrun `#8A8178` |
| Kalde nøytraler | Blått, grønt | Ren, teknisk, stille | Tåke `#ECEEEF`, skifer `#6B7075`, grafitt `#1F2326` |
| Greige | Balansert mellom grått og beige | Rolig, tilpasningsdyktig | Greige `#BDB6AC`, stein `#A39A8F` |
| Rent grått | Nesten ingenting | Nøytral, noen ganger kald | `#F2F2F2`, `#8C8C8C`, `#222222` |

Velg én familie som base. Én farge fra den motsatte familien kan fungere som en bevisst aksent, aldri som en nesten-treff.

[Varme og kalde farger](https://gradiently.design/nb/guide/warm-and-cool-colors) går dypere inn i temperatur, og [fargetemperatur](https://gradiently.design/nb/guide/color-temperature) viser hvordan lys og skjermer forskyver den.

## Åtte nøytrale paletter med hex-koder

Hver palett har en lys bunn, en eller to mellomtoner, en mørk tone for tekst og som regel en aksent. Les navnene som en brief: de beskriver stedet der paletten ville føle seg hjemme.

- Lin: #f3eee6
- Sand: #d9cbb4
- Gråbrun: #8a8178
- Espresso: #2b2724
- Terrakotta-aksent: #b5543a

Gallerikafé. Varm fra bunn til tekst, med terrakotta til én knapp, én pris eller én linje.

- Tåke: #eceeef
- Tinn: #c3c8cc
- Skifer: #6b7075
- Grafitt: #1f2326
- Signalblå aksent: #3d6bff

Programvarestudio. Kalde gråtoner med én mettet blåfarge, den klassiske paletten for produktgrensesnitt.

- **Havre og oliven:** havre `#E9E1D2`, lin `#CDBF9F`, oliven `#6E6B4A`, bark `#2F2A22`. Naturlig uten klisjeen med grønne blader.
- **Steinhus:** kritt `#F5F3EF`, greige `#BDB6AC`, stein `#A39A8F`, koksgrå `#34312D`, messing `#B08D57`. Interiør, arkitektur, stillferdig luksus.
- **Papir og blekk:** papir `#FAF7F0`, avispapir `#E4DED2`, blyant `#5C544C`, blekk `#151515`, redaktørrød `#C8372D`. Redaksjonell og seriøs.
- **Sjøglassgrå:** tåke `#EEF1EF`, sjøglass `#B9C6C0`, havn `#5E6F6A`, dyp `#1C2624`. Kald, men myknet av grønt.
- **Rosa nøytral:** porselen `#F7F0EC`, rosastein `#DCC7BE`, lillabrun `#8C7470`, kakao `#33221F`. Varm og mild, fin for skjønnhet og velvære.
- **Nattnøytral:** onyks `#121212`, røyk `#2A2826`, aske `#77716B`, bein `#E9E2D6`. En mørk bunn med varm, lys tekst.

Før du bestemmer deg, test paletten på ekte materiale. Legg logoen din, et produktbilde og et avsnitt tekst på hver bunn. Fotografier har ofte sin egen varme eller kulde, og en palett som slåss med fotografiene dine vil aldri føles rolig, uansett hvor nøye du valgte den.

## Slik gir du en nøytral palett karakter

1. **Velg en temperatur** Velg varm eller kald, og sjekk hver farge mot valget. Legg fargeprøvene side om side: alt som ser litt grønt ut ved siden av varm beige, hører til feil familie.
2. **Strekk spennet** Ta med en tone nær hvit, en mellomtone og en tone nær svart. Nøytrale paletter laget bare av middels beige har ingen dybde og ingen lesbar tekstfarge.
3. **Legg til én aksent** Én mettet farge i små doser gir øyet et sted å lande. [Aksentfarge](https://gradiently.design/nb/guide/accent-color) viser hvor mye som er nok.
4. **Ta inn tekstur** Nøytrale farger ser rikest ut med korn, papir eller en myk endring i lyset. Et flatt beige rektangel ser uferdig ut; den samme beigen med litt struktur ser ut som et materiale.
5. **Bruk proporsjoner, ikke flere farger** Mesteparten av flaten forblir lys, mellomtonene tar de store formene, og den mørke tonen bærer ordene. [60 30 10-regelen](https://gradiently.design/nb/guide/60-30-10-rule) er en god fordeling å starte med.

## Nøytrale gradienter som ikke er kjedelige

En nøytral gradient fungerer når endringen ligger i lyset, ikke i fargetonen. Tenk på dagslys som faller over en pusset vegg: fargen flytter seg knapt, men lysstyrken gjør det. Hold fargestoppene tett og legg til korn for å skjule banding, som lett synes i blasse blandinger med lav kontrast.

- Lys på puss: `radial-gradient(circle at 25% 20%, #fbf8f3 0%, #eae1d3 50%, #cdbf9f 100%)`
- Overskyet: `linear-gradient(170deg, #eceeef 0%, #c3c8cc 60%, #8f969b 100%)`
- Espressoskumring: `radial-gradient(circle at 70% 30%, #5c544c 0%, #2b2724 50%, #121212 100%)`
- Rosastein: `linear-gradient(160deg, #f7f0ec 0%, #dcc7be 55%, #b5948a 100%)`

Fire nøytrale gradienter. Hver av dem beveger seg mest i lyshet, og det er det som holder dem rolige.

Vil du ha mer, se [subtile gradienter](https://gradiently.design/nb/guide/subtle-gradients), [beige gradienter](https://gradiently.design/nb/guide/beige-gradient) og [grå gradienter](https://gradiently.design/nb/guide/grey-gradient).

## Tekst og kontrast på nøytrale bakgrunner

Nøytrale paletter ser milde ut, og det frister folk til mild tekst. Gråbrun `#8A8178` på lin `#F3EEE6` måler bare 3,31:1, under de 4,5:1 som WCAG krever for brødtekst. Espresso `#2B2724` på samme lin når 12,82:1. Bruk den mørkeste nøytrale fargen til alt folk skal lese, og spar mellomtonene til former, kanter og stor display-tekst.

Et stående bakeriinnlegg i myke nøytrale farger der den lille støtteteksten er svak

Ord med lav kontrast på en blek nøytral bunn mister støttelinjen først.

Det samme bakeriinnlegget med tydelig, lesbar tekst over et roligere område av den nøytrale bakgrunnen

Med en roligere bakgrunn bak ordene kan hver linje leses, og paletten forblir myk.

Gradiently tar seg av dette automatisk: en Mark roer seg bak ordene dine og velger lys eller mørk tekst for hver linje fra sin egen palett, så en stille nøytral bakgrunn aldri koster deg lesbarhet. Sjekk et hvilket som helst fargepar selv med [fargekontrast](https://gradiently.design/nb/guide/color-contrast-accessibility).

## FAQ

### Hvilke farger er med i en nøytral fargepalett?

Hvitt, elfenben, krem, beige, sand, gråbrunt, greige, grått, koksgrått og nesten svart, pluss de litt fargede variantene av hver. De fleste nøytrale paletter har også én aksentfarge.

### Hva er greige?

Greige er en blanding av grått og beige som ligger mellom varmt og kaldt, for eksempel `#BDB6AC`. Den fungerer som en bro når en palett må passe både varme og kalde omgivelser.

### Hvilken aksentfarge passer til nøytrale farger?

Varme nøytraler passer med terrakotta, rust, oliven eller messing. Kalde nøytraler passer med en mettet blå, en klar grønn eller en dyp rød. Bruk aksenten sparsomt så den forblir spesiell.

### Hvordan unngår jeg at en nøytral palett blir kjedelig?

Velg én temperatur, spenn fra lyst til mørkt, legg til én aksent og gi flatene tekstur. Det er flate, middels beigetoner uten spenn som ser kjedelige ut.

### Er nøytrale farger bra for en merkevare?

Ja, særlig for eksklusive, redaksjonelle og interiørmerker. Fordi mange merkevarer bruker nøytrale farger, bør du gi din noe særegent, som en bestemt aksent, en skrift eller et bakgrunnsmateriale.