Kortversjonen
- En palett som fungerer har fire eller fem farger med faste jobber: en bunnfarge, en hovedfarge, en støttetone, en nøytral farge til tekst og én aksent.
- Aksenten er fargen folk husker, så den bør bare stå på én ting om gangen, for eksempel en knapp, en pris eller et logomerke.
- Paletter som passer bransjen hjelper kundene å forstå hva du selger, men det er én uventet farge som gjør en merkevare gjenkjennelig.
- Test en palett på ekte design i ekte størrelser, i lyst og mørkt, før du bestemmer deg, for fargeprøver på en hvit side skjuler de fleste problemene.
- Sjekk at tekstfargen mot bunnfargen oppfyller WCAG-kontrastkravet, ellers blir brødteksten vanskelig å lese for mange.
På denne siden
Gode ideer til merkevarefarger starter med jobber, ikke favoritter. Velg en bunnfarge som de fleste designene dine står på, en hovedfarge som sier hva slags bedrift du er, en støttetone for dybde, en nøytral farge til tekst og én aksent folk husker deg for. Under finner du 30 paletter bygget slik, seks etter stemning med fargeprøver og 24 etter bransje med koder, pluss en rask metode for å teste den du velger.
Slik bygges en fargepalett for en merkevare
De fleste mislykkede paletter er fem farger med lik vekt: ingenting leder, så ingenting blir gjenkjennelig. En palett fungerer når hver farge har sin andel av flaten: bunnfargen dekker det meste, hovedfargen en god del, og aksenten bare en stripe. 60-30-10-regelen er et nyttig utgangsforhold, selv om du bøyer den senere.
Jobb
Jobb
Jobb
Jobb
Jobb
Fargepaletter for merkevarer etter stemning
Start her hvis du vet hvordan du vil at folk skal føle seg. Fargeassosiasjoner er kulturelle og ikke universelle, slik fargepsykologi forklarer.
Ideer til merkevarefarger etter bransje
Hver bransjepalett har fire koder, som regel fra mørkest til lysest, og den siste kolonnen forteller hvilken farge som gjør aksentens jobb. Konvensjoner finnes av en grunn: en tannlege i petrol og et bakeri i varme brune toner forstås med et blikk. Følg konvensjonen med hovedfargen, og bryt den forsiktig med aksenten.
Palett
Koder
#1d3557 #457b9d #f1faee #e63946Hvorfor den fungerer
Palett
Koder
#2b2d42 #8d99ae #edf2f4 #9c6644Hvorfor den fungerer
Koder
#03363d #17a398 #e6f4f1 #ffb703Hvorfor den fungerer
Palett
Koder
#264653 #2a9d8f #e9f5f2 #f4a261Hvorfor den fungerer
Koder
#4a2c2a #c08552 #f3e9dc #5e8b7eHvorfor den fungerer
Koder
#7f4f24 #dda15e #fefae0 #bc4749Hvorfor den fungerer
Palett
Koder
#1b1b1e #7a1e2c #d4a373 #f5ebe0Hvorfor den fungerer
Palett
Koder
#2d4a3e #e5989b #ffcdb2 #fffaf5Hvorfor den fungerer
Palett
Koder
#5e548e #9f86c0 #e0b1cb #fbf8f3Hvorfor den fungerer
Palett
Koder
#111111 #3a3a3a #f2f2f2 #e4ff1aHvorfor den fungerer
Koder
#6b4e3d #e8b4a0 #f6e3d8 #fdf8f4Hvorfor den fungerer
Palett
Koder
#0f0f0f #c9c1b6 #f4f1ec #8a1c1cHvorfor den fungerer
Koder
#14213d #2e1a47 #f5f0e6 #c9a227Hvorfor den fungerer
Palett
Koder
#22333b #5e503f #eae0d5 #c6ac8fHvorfor den fungerer
Palett
Koder
#262626 #7d7d7d #d9d9d9 #ff5a1fHvorfor den fungerer
Palett
Koder
#0b1021 #1f6feb #e6edf3 #7ee787Hvorfor den fungerer
Koder
#0a2e2a #00b37e #d7f9ec #1e1e24Hvorfor den fungerer
Palett
Koder
#0e0b16 #5b5bd6 #a78bfa #f0abfcHvorfor den fungerer
Koder
#1a1423 #ff7b54 #ffb26b #ffd56bHvorfor den fungerer
Palett
Koder
#118ab2 #06d6a0 #ffd166 #ef476fHvorfor den fungerer
Palett
Koder
#2f3e46 #52796f #cad2c5 #f4a259Hvorfor den fungerer
Palett
Koder
#283618 #606c38 #fefae0 #dd6b20Hvorfor den fungerer
Palett
Koder
#6d597a #b56576 #e8c2ca #fbf6f0Hvorfor den fungerer
Palett
Koder
#090014 #3c096c #ff006e #fb5607Hvorfor den fungerer
Slik får du en palett til å føles som din merkevare
Det som gjør en palett fra en liste til en identitet, er én beslutning ingen andre i gata di har tatt, som regel aksenten: et advokatfirma i lærbrunt, et treningssenter i syregult. Bytt aksenten først og behold bunnfargen og tekstfargen, så får du et uttrykk uten å miste lesbarheten.
Unngå
- Fem klare farger brukt like mye
- Å velge logofargen først og resten på øyemål
- En aksent på hvert element i hvert design
- Lysegrå tekst på kremfarget bunn
- Å velge fra fargeprøver på en hvit side
Gjør
- Én bunnfarge som dekker det meste av flaten
- Roller først, så farger som fyller dem
- Én fremhevet ting per design
- En mørk nøytral farge som består kontrastkravet
- Test på et ekte innlegg, en story og et banner
En palett blandet til en myk gradient gir deg en bakgrunn som tydelig er din, så lenge fargene er beslektet.
Test merkevarefargene før du bestemmer deg
- 1
Lag tre ekte design
Et kvadratisk innlegg, en story på 1080×1920 og et toppbanner på 1500×500, med ekte ord og logoen din.
- 2
Sjekk tekstkontrasten
Den nøytrale fargen på bunnfargen bør bestå WCAG AA. Fargekontrast og tilgjengelighet viser hvordan du måler det.
- 3
Se på det i liten størrelse
Krymp innlegget til miniatyrstørrelse. Ser du fortsatt at det er ditt, gjør paletten jobben sin.
- 4
Prøv det ved siden av konkurrentene
Sett innlegget ditt ved siden av tre lokale konkurrenter. Glir ditt inn, bytter du aksenten, ikke hele paletten.
- 5
Skriv ned kodene
Noter hver hexkode og rollen dens på ett sted.
En palett testet på et ekte innlegg: overskriften, detaljen og bakgrunnen må fungere sammen på 1080×1350.
Vil du ha hjelp til å velge, går slik velger du merkevarefarger gjennom beslutningen fra bunnen av, og fargekombinasjoner for logoer snevrer det inn til de to eller tre fargene selve logoen bør bruke.
Fra merkevarefarger til et uttrykk
Fem hexkoder kan kopieres av hvem som helst. I Gradiently bærer en Mark en palett som en levende bakgrunn med eget lys, korn og bevegelse, og ingen to Marks ser like ut. Søk i Markedet med fargeord som «dyp petrol» for å finne en som ligger nær paletten din, design med den gratis, og sikre deg den så bare du kan eksportere med den. Merkevaresettet ditt holder de nøyaktige kodene til tekst og aksenter.
Spørsmål folk stiller
Hvor mange farger bør en merkevare ha?
Fire eller fem holder for de fleste merkevarer: en bunnfarge, en hovedfarge, en støttetone, en nøytral farge til tekst og én aksent. Flere enn det er vanskelig å bruke konsekvent.
Hva er den beste fargen for en ny merkevare?
Det finnes ingen enkelt beste farge. Velg en hovedfarge som passer det du selger, og så en aksent konkurrentene ikke bruker, så kundene får øye på deg.
Bør merkevarefargene mine passe bransjen?
Å følge bransjen med hovedfargen hjelper folk å forstå deg raskt. Å bryte den med aksenten er det som gjør deg minneverdig.
Hvordan sjekker jeg at merkevarefargene er tilgjengelige?
Mål kontrasten mellom tekstfargen og bunnfargen med en WCAG-kontrastsjekker. Brødtekst bør nå minst 4,5:1.
Kan jeg bruke en gradient som merkevarefarge?
Ja, så lenge den er bygget av beslektede farger i paletten din og du beholder en flat versjon til små bruksområder som favikoner og tekst.
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