Kortversionen
- 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.
På den här sidan
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.
Lutar mot
Känns
Exempelkoder
#F3EEE6, sand #D9CBB4, taupe #8A8178Lutar mot
Känns
Exempelkoder
#ECEEEF, skiffer #6B7075, grafit #1F2326Känns
Exempelkoder
#BDB6AC, sten #A39A8FLutar mot
Känns
Exempelkoder
#F2F2F2, #8C8C8C, #222222Varma och kalla färger går djupare in på temperatur, och färgtemperatur 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.
- 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 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 ä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.
Mer finns i subtila gradienter, beige gradienter och grå gradienter.
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.
Ord med låg kontrast mot en blek neutral bakgrund tappar sin stödjande rad först.
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.
Vanliga frågor
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.
Skriven av Gradiently
Teamet bakom Gradiently, ett designverktyg byggt kring Marks: levande gradienter som får allt du gör att kännas som ditt.
Se vår profil