# Varumärkesfärger: 30 färgpaletter med färgkoder

[Canonical HTML page](https://gradiently.design/sv/guide/brand-color-ideas)

En varumärkespalett är fyra eller fem färger med varsin uppgift, inte en favoritfärg med några kompisar. Här är 30 startpunkter efter stämning och bransch, med koder att kopiera.

## The short version

- 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.

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](https://gradiently.design/sv/guide/60-30-10-rule) är ett bra utgångsförhållande, även om du böjer den senare.

| Roll | Andel av en design | Uppgift |
| --- | --- | --- |
| Bakgrund | Cirka 60 % | Bakgrunder, stora ytor, stämningen |
| Huvudfärg | Cirka 25 % | Rubriker, former, färgen som folk förknippar med dig |
| Stöd | Cirka 5 till 10 % | Djup, sekundära paneler, illustrationer |
| Neutral | Bara text | Brödtext som måste synas på bakgrunden |
| Accent | Under 5 % | En knapp, ett pris, en Mark per design |

Fem roller, fem andelar. Accenten fungerar för att den är sällsynt; sprid ut den överallt så blir den en andra huvudfärg.

## 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](https://gradiently.design/sv/guide/color-psychology) förklarar.

- Djup marin: #0b2545
- Hamn: #13315c
- Dimblå: #8da9c4
- Blek salvia: #eef4ed
- Mässing: #e0a458

1. Lugn och pålitlig. Marinblått känns stadigt; en mässingsaccent hindrar det från att kännas som ett bankutdrag. Passar finans, vård och konsultbyråer.

- Espresso: #3d2314
- Terrakotta: #c8553d
- Aprikos: #f28f3b
- Grädde: #f6e7cb
- Salviablågrön: #588b8b

2. Varm och vänlig. Jordröda toner på grädde känns hantverksmässiga. Den kyliga salviablågröna accenten gör att det inte ser ut som alla andra caféer.

- Skog: #1b3a2f
- Mossa: #4f772d
- Ormbunke: #90a955
- Limetvash: #ecf39e
- Krita: #fdfcf6

3. Fräsch och naturlig. Gröna nyanser från djupa till ljusa, på krita, för välmåendeföretag och hållbara varumärken.

- Bläck: #0d0d1a
- Ultramarin: #3a0ca3
- Violett: #7209b7
- Het rosa: #f72585
- Elektrisk himmel: #4cc9f0

4. Djärv och modern. En nästan svart bakgrund får mättade färger att glöda. Använd den elektriska himmelsblå sparsamt.

- Mjuk svart: #1a1a1a
- Umbra: #4a3f35
- Antik guld: #b08d57
- Linne: #e8dcc8
- Elfenben: #f7f3ee

5. Stillsam lyx. Låg mättnad och gott om luft. Guld ser dyrt ut bara när det är dämpat och används sparsamt.

- Bläck: #2b2d42
- Korallröd: #ff6b6b
- Solros: #ffd93d
- Löv: #6bcb77
- Poolblå: #4d96ff

6. Lekfull. Fyra klara färger som hålls ihop av ett mörkt bläck. Låt en färg leda i varje design.

## 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.

| Verksamhet | Palett | Koder | Därför fungerar den |
| --- | --- | --- | --- |
| Revisor | Huvudbok | `#1d3557` `#457b9d` `#f1faee` `#e63946` | Marinblått för förtroende, en röd accent som sparas till siffran som räknas |
| Advokatbyrå | Kansli | `#2b2d42` `#8d99ae` `#edf2f4` `#9c6644` | Skiffer och papper med en läderbrun accent |
| Tandläkare | Rent bett | `#03363d` `#17a398` `#e6f4f1` `#ffb703` | Blågrönt känns kliniskt men inte kallt; gult är vänligt |
| Fysioterapi | Återhämtning | `#264653` `#2a9d8f` `#e9f5f2` `#f4a261` | Lugna blågröna toner med en varm, uppmuntrande accent |
| Café | Morgonrostat | `#4a2c2a` `#c08552` `#f3e9dc` `#5e8b7e` | Kaffebruna toner med en oväntad grön |
| Bageri | Crumb | `#7f4f24` `#dda15e` `#fefae0` `#bc4749` | Skorpa, smör och mjöl, med sylt-rött för erbjudanden |
| Kvällsrestaurang | Supperklubb | `#1b1b1e` `#7a1e2c` `#d4a373` `#f5ebe0` | Mörk bakgrund och vinrött känns som middag, med en kolaaccent |
| Blomsterbutik | Stjälk | `#2d4a3e` `#e5989b` `#ffcdb2` `#fffaf5` | Djupt bladgrönt får den mjuka rosa accenten att se fräsch ut |
| Yogastudio | Andning | `#5e548e` `#9f86c0` `#e0b1cb` `#fbf8f3` | Dova violetta toner som saktar ner blicken, med rosa som accent |
| Gym | Rep | `#111111` `#3a3a3a` `#f2f2f2` `#e4ff1a` | Svart och grått med ett högljutt syragult |
| Hudvård | Dagg | `#6b4e3d` `#e8b4a0` `#f6e3d8` `#fdf8f4` | Hudtoner och varma vita nyanser, kakaobrunt för text, persika som accent |
| Modemärke | Atelje | `#0f0f0f` `#c9c1b6` `#f4f1ec` `#8a1c1c` | Svart och sten med en enda oxblodsröd |
| Juvelerare | Sammet | `#14213d` `#2e1a47` `#f5f0e6` `#c9a227` | Midnattsblå toner lyfter fram en guldaccent som en monter gör |
| Fastighetsmäklare | Ytterdörr | `#22333b` `#5e503f` `#eae0d5` `#c6ac8f` | Kol och trätoner känns som ett välskött hem; sand är accenten |
| Arkitektbyrå | Betong | `#262626` `#7d7d7d` `#d9d9d9` `#ff5a1f` | Grått som material, en enda varselorange |
| Utvecklarverktyg | Terminal | `#0b1021` `#1f6feb` `#e6edf3` `#7ee787` | Mörka gränssnittsblå toner med en kodgrön accent |
| Fintech | Mintbok | `#0a2e2a` `#00b37e` `#d7f9ec` `#1e1e24` | Djupgrönt med en klar mintaccent signalerar pengar utan dollarklichéer |
| AI-produkt | Signal | `#0e0b16` `#5b5bd6` `#a78bfa` `#f0abfc` | Indigo på nästan svart, med orkidé som återhållen accent |
| Podcast | I sändning | `#1a1423` `#ff7b54` `#ffb26b` `#ffd56b` | En mörk studiobakgrund med en varm solnedgångstrappa, korall i täten |
| Barnvarumärke | Lekplats | `#118ab2` `#06d6a0` `#ffd166` `#ef476f` | Klara, ljusa färger mjukade precis lagom; rosa är accenten |
| Välgörenhet | Gemensam grund | `#2f3e46` `#52796f` `#cad2c5` `#f4a259` | Nyktra gröna toner med en hoppfull orange |
| Friluftsutrustning | Stigfot | `#283618` `#606c38` `#fefae0` `#dd6b20` | Oliv och segelduk med en välsynlig orange |
| Bröllopsplanerare | Löften | `#6d597a` `#b56576` `#e8c2ca` `#fbf6f0` | Plommon med en rosaaccent som tar sig bra på papper |
| Musiker | Efter midnatt | `#090014` `#3c096c` `#ff006e` `#fb5607` | Klubbmörker med två heta, sammanhängande accenter |

Kopiera koderna till ditt [varumärkeskit](https://gradiently.design/sv/guide/brand-kit) och justera en färg tills den känns som din.

## 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.

- Andning som gradient: `linear-gradient(160deg, #5e548e 0%, #9f86c0 50%, #e0b1cb 100%)`
- Lugnt marinblått som gradient: `linear-gradient(160deg, #0b2545 0%, #13315c 55%, #8da9c4 100%)`
- Varm terrakottaglöd: `radial-gradient(circle at 80% 20%, #f28f3b 0%, #c8553d 40%, #3d2314 85%)`

Tre av paletterna ovan som bakgrunder. Närliggande färger blandas rent; håll accenten utanför blandningen och lägg den ovanpå.

## 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](https://gradiently.design/sv/guide/color-contrast-accessibility) 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.

Ett stående bageriinlägg med texten Nybakat bröd från sju över en varm gradientbakgrund

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](https://gradiently.design/sv/guide/how-to-choose-brand-colors) igenom beslutet från grunden, och [färgkombinationer för logotyper](https://gradiently.design/sv/guide/color-combinations-for-logos) 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.

## FAQ

### 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.