# Neutrala färgpaletter som ändå har karaktär

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

Beige, grått och vitt kan se dyrt ut eller se ut som om ingen fattat något beslut. Skillnaden är temperatur, spännvidd och en liten överraskning. Här är åtta neutrala paletter med koder, och reglerna som håller dem levande.

## The short version

- En neutral färgpalett byggs av lågmättade färger som vitt, elfenben, beige, taupe, grått, kolgrått och nästan svart.
- Neutrala färger har en temperatur: varma neutraler drar åt gult, rött eller brunt och kalla neutraler åt blått eller grönt.
- En neutral palett ser platt ut när alla färger ligger på samma ljushet, så ta med minst en mycket ljus, en mellan och en mycket mörk ton.
- De flesta neutrala paletter behöver en accentfärg i små mängder för att få en fokuspunkt.
- Mellanneutraler som taupe och sten klarar oftast inte kontrastkraven för brödtext på ljus bakgrund, så sätt texten i den mörkaste tonen.

En bra **neutral färgpalett** använder färger med mycket låg mättnad, som elfenben, sand, taupe, sten, kolgrått och nästan svart, och ger dem karaktär på tre sätt: den håller fast vid en temperatur, den spänner hela vägen från ljust till mörkt och den lägger till en liten accent. Hoppar du över det får du den beige som ser ut som ett standardval. Nedan finns åtta paletter med kopierbara koder och tanken bakom varje, så att du kan justera dem i stället för att kopiera dem.

## Varma, kalla och sanna neutraler

Mycket få neutraler är helt färglösa, och de som är det kan kännas kalla. De flesta lutar åt något håll, och lutningen sätter stämningen. Att av misstag blanda en varm beige med ett kallt blågrått är den vanligaste orsaken till att ett neutralt schema känns lite fel.

| Familj | Lutar mot | Känns | Exempelkoder |
| --- | --- | --- | --- |
| Varma neutraler | Gult, rött, brunt | Mjukt, bebott, gästvänligt | Elfenben `#F3EEE6`, sand `#D9CBB4`, taupe `#8A8178` |
| Kalla neutraler | Blått, grönt | Rent, tekniskt, lugnt | Dis `#ECEEEF`, skiffer `#6B7075`, grafit `#1F2326` |
| Greige | I balans mellan grått och beige | Lugnt, anpassningsbart | Greige `#BDB6AC`, sten `#A39A8F` |
| Sant grått | Nästan ingenting | Neutralt, ibland kallt | `#F2F2F2`, `#8C8C8C`, `#222222` |

Välj en familj som bas. En enda färg från motsatt familj kan fungera som en medveten accent, aldrig som en nästan-träff.

[Varma och kalla färger](https://gradiently.design/sv/guide/warm-and-cool-colors) går djupare in på temperatur, och [färgtemperatur](https://gradiently.design/sv/guide/color-temperature) handlar om hur ljus och skärmar förskjuter den.

## Åtta neutrala paletter med hexkoder

Varje palett har en ljus bakgrund, en eller två mellantoner, en mörk för text och oftast en accent. Läs namnen som en brief: de beskriver platsen där paletten skulle trivas.

- Linne: #f3eee6
- Sand: #d9cbb4
- Taupe: #8a8178
- Espresso: #2b2724
- Terrakottaaccent: #b5543a

Gallerikafé. Varm från bakgrund till text, med terrakotta för en knapp, ett pris eller en rad.

- Dis: #eceeef
- Tenn: #c3c8cc
- Skiffer: #6b7075
- Grafit: #1f2326
- Signalblå accent: #3d6bff

Mjukvarustudio. Kalla gråtoner med ett enda mättat blått, den klassiska paletten för produktgränssnitt.

- **Havre och oliv:** havre `#E9E1D2`, lin `#CDBF9F`, oliv `#6E6B4A`, bark `#2F2A22`. Naturligt utan klichén med gröna blad.
- **Stenhus:** krita `#F5F3EF`, greige `#BDB6AC`, sten `#A39A8F`, kolgrått `#34312D`, mässing `#B08D57`. Interiörer, arkitektur, diskret lyx.
- **Papper och bläck:** papper `#FAF7F0`, tidningspapper `#E4DED2`, blyerts `#5C544C`, bläck `#151515`, redaktörsrött `#C8372D`. Redaktionellt och seriöst.
- **Havsglasgrått:** dimma `#EEF1EF`, havsglas `#B9C6C0`, hamn `#5E6F6A`, djup `#1C2624`. Kallt, men mjukat av grönt.
- **Rodnadsneutralt:** porslin `#F7F0EC`, rodnadssten `#DCC7BE`, mauve-taupe `#8C7470`, kakao `#33221F`. Varmt och milt, bra för skönhet och välmående.
- **Nattneutralt:** onyx `#121212`, rök `#2A2826`, aska `#77716B`, ben `#E9E2D6`. Mörk bakgrund med varm, ljus text.

Innan du bestämmer dig, testa på riktigt material. Lägg din logotyp, ett produktfoto och ett textstycke på varje bakgrund. Fotografier har ofta sin egen värme eller kyla, och en palett som bråkar med dina foton blir aldrig lugn, hur noga du än valt den.

## Så ger du en neutral palett karaktär

1. **Håll fast vid en temperatur** Välj varmt eller kallt och kontrollera varje färg mot det. Lägg färgproverna sida vid sida: allt som ser lite grönt ut intill varm beige hör till fel familj.
2. **Sträck ut spännvidden** Ta med en ton nära vitt, en mellanton och en ton nära svart. Neutrala paletter av bara mellanbeiga toner saknar djup och har ingen läsbar textfärg.
3. **Lägg till en accent** En enda mättad färg i små doser ger ögat någonstans att landa. [Accentfärg](https://gradiently.design/sv/guide/accent-color) visar hur mycket som räcker.
4. **Ta in textur** Neutraler ser som rikast ut med korn, papper eller en mjuk ljusförändring. En platt beige rektangel ser ofärdig ut, samma beige med lite struktur ser ut som ett material.
5. **Använd proportion, inte fler färger** Det mesta av ytan förblir ljus, mellantonerna får de stora formerna och det mörka bär orden. [60-30-10-regeln](https://gradiently.design/sv/guide/60-30-10-rule) är en bra startfördelning.

## Neutrala gradienter som inte är tråkiga

En neutral gradient fungerar när förändringen sker i ljus snarare än nyans. Tänk dig dagsljus som faller över en putsad vägg: färgen rör sig knappt, ljusheten gör det. Håll färgstoppen nära varandra och lägg på korn för att dölja bandning, som syns lätt i bleka blandningar med låg kontrast.

- Putsljus: `radial-gradient(circle at 25% 20%, #fbf8f3 0%, #eae1d3 50%, #cdbf9f 100%)`
- Mulet: `linear-gradient(170deg, #eceeef 0%, #c3c8cc 60%, #8f969b 100%)`
- Espressoskymning: `radial-gradient(circle at 70% 30%, #5c544c 0%, #2b2724 50%, #121212 100%)`
- Rodnadssten: `linear-gradient(160deg, #f7f0ec 0%, #dcc7be 55%, #b5948a 100%)`

Fyra neutrala gradienter. Var och en rör sig mest i ljushet, vilket är det som håller dem lugna.

Mer finns i [subtila gradienter](https://gradiently.design/sv/guide/subtle-gradients), [beige gradienter](https://gradiently.design/sv/guide/beige-gradient) och [grå gradienter](https://gradiently.design/sv/guide/grey-gradient).

## Text och kontrast på neutrala bakgrunder

Neutrala paletter ser milda ut, vilket lockar till mild text. Taupe `#8A8178` på linne `#F3EEE6` mäter bara 3,31:1, under de 4,5:1 som WCAG kräver för brödtext. Espresso `#2B2724` på samma linne når 12,82:1. Använd din mörkaste neutral till allt som ska läsas och spara mellantonerna till former, kantlinjer och stor rubriktext.

Ett bageriinlägg i porträttformat i mjuka neutrala färger där den lilla stödtexten är svag

Ord med låg kontrast mot en blek neutral bakgrund tappar sin stödjande rad först.

Samma bageriinlägg med tydlig, läsbar text över en lugnare del av den neutrala bakgrunden

Med lugnare bakgrund bakom orden går varje rad att läsa och paletten förblir mjuk.

Gradiently sköter det här automatiskt: en Mark lägger sig till rätta bakom dina ord och väljer ljus eller mörk text per rad ur sin egen palett, så en stillsam neutral bakgrund kostar dig aldrig läsbarhet. Kontrollera valfritt färgpar själv med [färgkontrast](https://gradiently.design/sv/guide/color-contrast-accessibility).

## FAQ

### Vilka färger ingår i en neutral färgpalett?

Vitt, elfenben, crème, beige, sand, taupe, greige, grått, kolgrått och nästan svart, plus de svagt färgade varianterna av var och en. De flesta neutrala paletter innehåller också en accentfärg.

### Vad är greige?

Greige är en blandning av grått och beige som ligger mellan varmt och kallt, till exempel `#BDB6AC`. Den fungerar som en brygga när en palett ska passa både varma och kalla miljöer.

### Vilken accentfärg passar till neutraler?

Varma neutraler passar med terrakotta, rost, oliv eller mässing. Kalla neutraler passar med ett mättat blått, ett klart grönt eller ett djupt rött. Använd accenten sparsamt så att den förblir speciell.

### Hur får jag en neutral palett att inte se tråkig ut?

Håll fast vid en temperatur, spänn från ljust till mörkt, lägg till en enda accent och ge ytorna textur. Platta mellanbeigea toner utan spännvidd är det som ser tråkigt ut.

### Passar neutrala färger för varumärke?

Ja, särskilt för premium-, redaktionella och inredningsvarumärken. Eftersom många varumärken använder neutraler bör du ge ditt något eget, som en särskild accent, ett typsnitt eller ett bakgrundsmaterial.