Kortversionen
- En fungerande varumärkespalett har fyra eller fem färger med fasta uppgifter: en bakgrundsfärg, en huvudfärg, en stödfärg, en neutral för text och en accent.
- Accenten är färgen folk minns, så den ska finnas på en sak i taget, till exempel en knapp, ett pris eller en logotyp.
- Paletter som passar en bransch hjälper kunderna att förstå vad du säljer, men det är en enda oväntad färg som gör ett varumärke igenkännbart.
- Testa en palett på riktiga designer i verklig storlek, i ljust och mörkt, innan du bestämmer dig, eftersom färgprover på en vit sida döljer de flesta problemen.
- Kontrollera att textfärgen mot bakgrunden klarar WCAG-kontrast, annars blir brödtexten svårläst för många.
På den här sidan
Bra idéer till varumärkesfärger börjar med uppgifter, inte favoriter. Välj en bakgrundsfärg som de flesta av dina designer vilar på, en huvudfärg som säger vilken sorts företag du är, en stödfärg för djup, en neutral för text och en accent som folk minns dig på. Nedan finns 30 paletter byggda så, sex efter stämning med färgprover och 24 efter bransch med koder, plus en snabb metod för att testa den du väljer.
Så byggs en varumärkespalett
De flesta misslyckade paletter är fem färger med lika stor tyngd: ingenting leder, så ingenting känns igen. En palett fungerar när varje färg har sin andel av ytan: bakgrunden täcker det mesta, huvudfärgen en god del och accenten bara en liten flik. 60-30-10-regeln är ett bra utgångsförhållande, även om du böjer den senare.
Uppgift
Andel av en design
Uppgift
Uppgift
Uppgift
Uppgift
Färgpaletter efter stämning
Börja här om du vet hur du vill att folk ska känna. Färgassociationer är kulturella snarare än universella, som färgpsykologin förklarar.
Idéer till varumärkesfärger efter bransch
Varje branschpalett har fyra koder, oftast från mörkast till ljusast, och sista kolumnen pekar ut färgen som gör accentens jobb. Konventioner finns av en anledning: en tandläkare i blågrönt och ett bageri i varma bruna toner förstås direkt. Möt konventionen med huvudfärgen och bryt den försiktigt med accenten.
Koder
#1d3557 #457b9d #f1faee #e63946Därför fungerar den
Palett
Koder
#2b2d42 #8d99ae #edf2f4 #9c6644Därför fungerar den
Palett
Koder
#03363d #17a398 #e6f4f1 #ffb703Därför fungerar den
Palett
Koder
#264653 #2a9d8f #e9f5f2 #f4a261Därför fungerar den
Koder
#4a2c2a #c08552 #f3e9dc #5e8b7eDärför fungerar den
Koder
#7f4f24 #dda15e #fefae0 #bc4749Därför fungerar den
Palett
Koder
#1b1b1e #7a1e2c #d4a373 #f5ebe0Därför fungerar den
Palett
Koder
#2d4a3e #e5989b #ffcdb2 #fffaf5Därför fungerar den
Palett
Koder
#5e548e #9f86c0 #e0b1cb #fbf8f3Därför fungerar den
Koder
#111111 #3a3a3a #f2f2f2 #e4ff1aDärför fungerar den
Koder
#6b4e3d #e8b4a0 #f6e3d8 #fdf8f4Därför fungerar den
Palett
Koder
#0f0f0f #c9c1b6 #f4f1ec #8a1c1cDärför fungerar den
Palett
Koder
#14213d #2e1a47 #f5f0e6 #c9a227Därför fungerar den
Palett
Koder
#22333b #5e503f #eae0d5 #c6ac8fDärför fungerar den
Palett
Koder
#262626 #7d7d7d #d9d9d9 #ff5a1fDärför fungerar den
Palett
Koder
#0b1021 #1f6feb #e6edf3 #7ee787Därför fungerar den
Koder
#0a2e2a #00b37e #d7f9ec #1e1e24Därför fungerar den
Palett
Koder
#0e0b16 #5b5bd6 #a78bfa #f0abfcDärför fungerar den
Koder
#1a1423 #ff7b54 #ffb26b #ffd56bDärför fungerar den
Palett
Koder
#118ab2 #06d6a0 #ffd166 #ef476fDärför fungerar den
Palett
Koder
#2f3e46 #52796f #cad2c5 #f4a259Därför fungerar den
Palett
Koder
#283618 #606c38 #fefae0 #dd6b20Därför fungerar den
Palett
Koder
#6d597a #b56576 #e8c2ca #fbf6f0Därför fungerar den
Koder
#090014 #3c096c #ff006e #fb5607Därför fungerar den
Så får du en palett att kännas som ditt varumärke
Det som gör en färdig palett till en identitet är ett beslut som ingen annan på din gata har tagit, oftast accenten: en advokatbyrå i läderbrunt, ett gym i syragult. Byt accent först och behåll bakgrunds- och textfärgen, så får du ett utseende utan att tappa läsbarheten.
Undvik
- Fem starka färger som används lika mycket
- Att välja logotypens färg först och resten på känn
- En accent på varje element i varje design
- Ljusgrå text på krämfärgad bakgrund
- Att välja från färgprover på en vit sida
Gör så här
- En bakgrund som täcker det mesta av ytan
- Roller först, sedan färger som fyller dem
- En accentuerad sak per design
- En mörk neutral som klarar kontrasten
- Testa på ett riktigt inlägg, en story och en banner
En palett som blandas till en mjuk gradient ger dig en bakgrund som otvetydigt är din, så länge färgerna hör ihop.
Testa dina varumärkesfärger innan du bestämmer dig
- 1
Gör tre riktiga designer
Ett kvadratiskt inlägg, en story på 1080×1920 och en header på 1500×500, med riktiga ord och din logotyp.
- 2
Kontrollera textkontrasten
Din neutrala färg på din bakgrund ska klara WCAG AA. Färgkontrast och tillgänglighet visar hur du mäter den.
- 3
Titta på den liten
Krymp inlägget till miniatyrstorlek. Kan du fortfarande se att det är ditt gör paletten sitt jobb.
- 4
Prova den bredvid konkurrenterna
Lägg ditt inlägg bredvid tre lokala rivaler. Smälter ditt in, byt accent, inte hela paletten.
- 5
Skriv ner koderna
Notera varje hexkod och dess roll på ett ställe.
Att testa en palett på ett riktigt inlägg: rubriken, detaljen och bakgrunden måste fungera tillsammans i 1080×1350.
Vill du ha hjälp att välja går hur du väljer varumärkesfärger igenom beslutet från grunden, och färgkombinationer för logotyper snävar in det till de två eller tre färger som själva märket ska använda.
Från varumärkesfärger till ett utseende
Fem hexkoder kan vem som helst kopiera. I Gradiently bär en Mark en palett som en levande bakgrund med eget ljus, korn och rörelse, och inga två Marks ser likadana ut. Sök i Marknaden med färgord som ”djup blågrön” för att hitta en som ligger nära din palett, designa med den gratis och säkra den så att bara du kan exportera med den. Ditt varumärkeskit håller de exakta koderna för text och accenter.
Vanliga frågor
Hur många färger ska ett varumärke ha?
Fyra eller fem räcker för de flesta varumärken: en bakgrund, en huvudfärg, en stödfärg, en neutral för text och en accent. Fler än så är svåra att använda konsekvent.
Vilken är den bästa färgen för ett nytt varumärke?
Det finns ingen enskild bästa färg. Välj en huvudfärg som passar det du säljer, och sedan en accent som dina konkurrenter inte använder, så att kunderna kan känna igen dig.
Ska mina varumärkesfärger passa min bransch?
Att matcha branschen med huvudfärgen hjälper folk att förstå dig snabbt. Att bryta mot den med accenten är det som gör dig minnesvärd.
Hur kontrollerar jag att mina varumärkesfärger är tillgängliga?
Mät kontrasten mellan textfärgen och bakgrunden med ett WCAG-kontrastverktyg. Brödtext bör nå minst 4,5:1.
Kan jag använda en gradient som varumärkesfärg?
Ja, så länge den bygger på närliggande färger i din palett och du har en enfärgad version för små användningar som favicon och text.
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