Kortversjonen
- 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.
På denne siden
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.
Heller mot
Føles
Eksempelkoder
#F3EEE6, sand #D9CBB4, gråbrun #8A8178Heller mot
Føles
Eksempelkoder
#ECEEEF, skifer #6B7075, grafitt #1F2326Føles
Eksempelkoder
#BDB6AC, stein #A39A8FHeller mot
Føles
Eksempelkoder
#F2F2F2, #8C8C8C, #222222Varme og kalde farger går dypere inn i temperatur, og fargetemperatur 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.
- 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 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 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.
Vil du ha mer, se subtile gradienter, beige gradienter og grå gradienter.
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.
Ord med lav kontrast på en blek nøytral bunn mister støttelinjen først.
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.
Spørsmål folk stiller
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.
Skrevet av Gradiently
Teamet bak Gradiently, et designverktøy bygget rundt Marks: levende gradienter som gjør at alt du designer ser ut som ditt.
Se profilen vår