Kort fortalt
- En brugbar brandpalet har fire eller fem farver med faste opgaver: en bund, en hovedfarve, en støttetone, en neutral til tekst og én accent.
- Accenten er den farve, folk husker, så den skal kun optræde på én ting ad gangen, for eksempel en knap, en pris eller et logomærke.
- Paletter, der passer til en branche, hjælper kunderne med at forstå, hvad du sælger, men én uventet farve er det, der gør et brand genkendeligt.
- Test en palet på rigtige designs i rigtige størrelser, i lys og mørk, før du lægger dig fast, for farveprøver på en hvid side skjuler de fleste problemer.
- Tjek, at tekstfarven mod din bund opfylder WCAG-kontrast, ellers bliver brødteksten svær at læse for mange.
På denne side
Gode brandfarver starter med opgaver, ikke yndlingsfarver. Vælg en bundfarve, de fleste af dine designs hviler på, en hovedfarve, der fortæller, hvad slags virksomhed du er, en støttetone til dybde, en neutral til tekst og én accent, som folk husker dig på. Nedenfor er 30 paletter bygget på den måde, seks efter stemning med farveprøver og 24 efter branche med koder, plus en hurtig metode til at teste den, du vælger.
Sådan bygges en brandpalet
De fleste mislykkede paletter er fem farver med samme vægt: intet fører, så intet kan genkendes. En palet virker, når hver farve har sin andel af pladsen: bunden dækker det meste, hovedfarven en god del og accenten kun en strimmel. 60-30-10-reglen er et godt udgangspunkt for forholdet, også hvis du bøjer den senere.
Opgave
Opgave
Opgave
Opgave
Opgave
Brandpaletter efter stemning
Start her, hvis du ved, hvordan folk skal føle det. Farveassociationer er kulturelle snarere end universelle, som farvepsykologi forklarer.
Brandfarver efter branche
Hver branchepalet viser fire koder, normalt fra mørkeste til lyseste, og den sidste kolonne nævner den farve, der gør accentens arbejde. Konventioner findes af en grund: en tandlæge i turkis og et bageri i varme brune toner forstås med det samme. Følg konventionen med din hovedfarve, og bryd den blidt med din accent.
Koder
#1d3557 #457b9d #f1faee #e63946Hvorfor det virker
Palet
Koder
#2b2d42 #8d99ae #edf2f4 #9c6644Hvorfor det virker
Koder
#03363d #17a398 #e6f4f1 #ffb703Hvorfor det virker
Palet
Koder
#264653 #2a9d8f #e9f5f2 #f4a261Hvorfor det virker
Koder
#4a2c2a #c08552 #f3e9dc #5e8b7eHvorfor det virker
Koder
#7f4f24 #dda15e #fefae0 #bc4749Hvorfor det virker
Palet
Koder
#1b1b1e #7a1e2c #d4a373 #f5ebe0Hvorfor det virker
Palet
Koder
#2d4a3e #e5989b #ffcdb2 #fffaf5Hvorfor det virker
Palet
Koder
#5e548e #9f86c0 #e0b1cb #fbf8f3Hvorfor det virker
Palet
Koder
#111111 #3a3a3a #f2f2f2 #e4ff1aHvorfor det virker
Koder
#6b4e3d #e8b4a0 #f6e3d8 #fdf8f4Hvorfor det virker
Palet
Koder
#0f0f0f #c9c1b6 #f4f1ec #8a1c1cHvorfor det virker
Koder
#14213d #2e1a47 #f5f0e6 #c9a227Hvorfor det virker
Palet
Koder
#22333b #5e503f #eae0d5 #c6ac8fHvorfor det virker
Palet
Koder
#262626 #7d7d7d #d9d9d9 #ff5a1fHvorfor det virker
Palet
Koder
#0b1021 #1f6feb #e6edf3 #7ee787Hvorfor det virker
Koder
#0a2e2a #00b37e #d7f9ec #1e1e24Hvorfor det virker
Palet
Koder
#0e0b16 #5b5bd6 #a78bfa #f0abfcHvorfor det virker
Koder
#1a1423 #ff7b54 #ffb26b #ffd56bHvorfor det virker
Palet
Koder
#118ab2 #06d6a0 #ffd166 #ef476fHvorfor det virker
Palet
Koder
#2f3e46 #52796f #cad2c5 #f4a259Hvorfor det virker
Palet
Koder
#283618 #606c38 #fefae0 #dd6b20Hvorfor det virker
Palet
Koder
#6d597a #b56576 #e8c2ca #fbf6f0Hvorfor det virker
Koder
#090014 #3c096c #ff006e #fb5607Hvorfor det virker
Sådan får du en palet til at føles som dit brand
Det, der gør en listet palet til en identitet, er én beslutning, ingen andre på din gade har truffet, som regel accenten: et advokatfirma i læderbrun, et fitnesscenter i syregul. Skift accenten først, og behold bunden og tekstfarven, så du får et udtryk uden at miste læsbarheden.
Undgå
- Fem klare farver brugt lige meget
- At vælge logofarven først og resten på øjemål
- En accent på hvert element i hvert design
- Lysegrå tekst på en flødefarvet bund
- At vælge ud fra farveprøver på en hvid side
Gør
- Én bund, der dækker det meste af fladen
- Roller først, så farver til at udfylde dem
- Én accentueret ting pr. design
- En mørk neutral, der består kontrasttesten
- At teste på et rigtigt opslag, en story og et banner
En palet blandet til en blød gradient giver en baggrund, der er umiskendeligt din, så længe farverne hænger sammen.
Test dine brandfarver, før du lægger dig fast
- 1
Lav tre rigtige designs
Et kvadratisk opslag, en story på 1080×1920 og en header på 1500×500, med rigtige ord og dit logo.
- 2
Tjek tekstkontrasten
Din neutrale farve på din bund skal bestå WCAG AA. Farvekontrast og tilgængelighed viser, hvordan du måler det.
- 3
Se på det i lille størrelse
Skrump opslaget til miniaturestørrelse. Kan du stadig se, at det er dit, gør paletten sit arbejde.
- 4
Prøv det ved siden af konkurrenterne
Læg dit opslag ved siden af tre lokale rivaler. Hvis dit forsvinder, så skift accenten, ikke hele paletten.
- 5
Skriv koderne ned
Notér hver hex-kode og dens rolle ét sted.
Test af en palet på et rigtigt opslag: overskriften, detaljen og baggrunden skal fungere sammen i 1080×1350.
Hvis du vil have hjælp til at vælge, gennemgår sådan vælger du brandfarver beslutningen fra bunden, og logofarver, der passer sammen indsnævrer den til de to eller tre farver, selve dit mærke skal bruge.
Fra brandfarver til et udtryk
Fem hex-koder kan alle kopiere. I Gradiently bærer en Mark en palet som en levende baggrund med eget lys, korn og bevægelse, og ingen to Marks ser ens ud. Søg i Markedet med farveord som »dyb turkis« for at finde en tæt på din palet, design med den gratis, og sikr dig den, så kun du kan eksportere med den. Dit brandkit rummer de præcise koder til tekst og accenter.
Spørgsmål, folk stiller
Hvor mange farver skal et brand have?
Fire eller fem er nok til de fleste brands: en bund, en hovedfarve, en støttetone, en neutral til tekst og én accent. Flere end det er svære at bruge konsekvent.
Hvad er den bedste farve til et nyt brand?
Der findes ingen enkelt bedste farve. Vælg en hovedfarve, der passer til det, du sælger, og derefter en accent, dine konkurrenter ikke bruger, så kunderne kan få øje på dig.
Skal mine brandfarver passe til min branche?
At følge branchen med din hovedfarve hjælper folk med at forstå dig hurtigt. At bryde den med din accent er det, der gør dig mindeværdig.
Hvordan tjekker jeg, at mine brandfarver er tilgængelige?
Mål kontrasten mellem tekstfarven og din bund med en WCAG-kontrastchecker. Brødtekst bør nå mindst 4,5:1.
Kan jeg bruge en gradient som brandfarve?
Ja, så længe den er bygget af beslægtede farver fra din palet, og du har en flad version til små anvendelser som favicons og tekst.
Skrevet af Gradiently
Holdet bag Gradiently, et designværktøj bygget om Marks: levende gradienter, der får alt, du designer, til at ligne dig.
Se vores profil