Färgschema

Verktyg

Färdiga flat UI-färgscheman för din nästa webbdesign. Klicka för att kopiera – eller ladda ner paletten som bild.

Flat UI

Dov & mörk

Levande

Turkos & korall

Djuphav

Solnedgång

Material grund

Material mörk

Indigo & rosa

Teal & bärnsten

Blågrå

Pastell

Macaron

Sorbet

Dimljus

Puderrosa

Mintglass

Terrakotta

Skog & mossa

Sand & lera

Olivlund

Kaffe & kanel

Strandliv

Tropisk

Citrus

Poolparty

Solsken

Lövfall

Pumpa & krydda

Vinlöv

Rost & guld

Skördetid

Frost

Nordljus

Snöskymning

Isblå

Gran & silver

Cyberpunk

Neonnatt

Synthwave

Elektrisk

Miami

70-tal

Vintage pastell

Retro pop

80-tal arkad

Sepia

Företag blå

Professionell grå

Finans grön

Corporate marin

Elegant slate

Kopierat!

Hitta rätt färger inför ditt nästa projekt

Färgvalet är ett av de viktigaste besluten i en design. Rätt färger gör en webbplats mer intuitiv, engagerande och minnesvärd – fel färger gör den svårläst. Med färdiga färgscheman slipper du börja från ett tomt blad. Alla paletter här är utvalda för att fungera bra tillsammans i webbgränssnitt.

Flat UI-färger för ditt webbprojekt

Flat design bygger på starka, tydliga färger utan gradienter och skuggor. Resultatet blir ett rent och modernt uttryck som är populärt bland webbutvecklare. Kombinera en kraftfull huvudfärg med neutrala toner för balans, och spara en mättad färg till knappar och accenter.

Färgernas betydelse

Färg påverkar hur ett budskap uppfattas. Blått signalerar förtroende, rött energi, grönt tillväxt och gult optimism. Svart ger elegans och vitt renhet. Tänk på vilken känsla du vill förmedla när du väljer schema – och testa gärna att bygga vidare med färgpaletten eller färghjulet.

Vanliga frågor

Vad är flat UI-färger?

Flat UI-färger är starka, tydliga färger med platt design utan gradienter eller skuggor. De är populära i modern webbdesign eftersom de ger ett rent, stilrent och lättläst gränssnitt.

Hur använder jag ett färgschema?

Klicka på en färg för att kopiera dess hexkod, eller ladda ner hela paletten som en PNG-bild. Använd sedan färgerna som bakgrund, knappar, text och accenter i din design.

Hur många färger bör ett färgschema ha?

En vanlig tumregel är 60-30-10: en dominerande färg (60 %), en sekundär färg (30 %) och en accentfärg (10 %). Utöver dessa behöver du oftast en ljus och en mörk neutral ton.