På en hjemmeside har hver farve et job: baggrund, tekst, knapper, links og advarsler. De 12 paletter her er bygget til netop det, med lys eller mørk baggrund, en læsbar tekstfarve og en accent til knapper. Kopiér HEX-koderne direkte ind i din CSS eller dit webværktøj.
Ren SaaS-blå
Næsten hvid baggrund, meget mørkeblå tekst og klare blå knapper.
Diskret virksomhed
Til advokatfirmaer, konsulentvirksomheder eller industri.
Varm webshop
Orange får købsknapperne til at lyse på en varm baggrund.
Mørk tilstand med grøn
Mørke baggrunde i lag, lys tekst og en grøn accent til handlinger.
Naturlig og økologisk
Til butikker med naturprodukter, gårde eller velværebrands.
Venlig pastel
Imødekommende; den mørke blågrå tone holder teksten læsbar.
Redaktionel med rød
Til blogs, magasiner og medier; rød markerer links og overskrifter.
Tech-lilla
Almindelig i digitale produkter, onlinekurser og AI-værktøjer.
Turkis og koral
To komplementære accenter: en til knapper, en til advarsler.
Mørk luksus
Til hoteller, restauranter eller premiumbrands, hvor billederne fører an.
Sundhed og velvære
Ren og rolig; god til klinikker og terapipraksisser.
Sand og blågrøn
Varm men seriøs; til rejser, ejendomme eller caféer.
Tryk på en farve for at kopiere HEX-koden. Med blyantikonet åbner du paletten i editoren for at tilpasse den.
Brug 60-30-10-reglen
Brug den dominerende farve (som regel baggrunden) på omkring 60 % af siden, en sekundær farve på 30 % (sektioner, kort, header) og accenten på de sidste 10 %. Gem accenten til knapper og links, så de besøgende ved, hvor de skal klikke.
Tjek tekstkontrasten
Tilgængelighedsretningslinjerne WCAG kræver en kontrast på mindst 4,5:1 for almindelig tekst. Lysegrå på hvid ser elegant ud, men er svær at læse, især på mobilen i solen. Kør et kontrasttjek, før du udgiver.
Fastlæg farver til status og advarsler
Ud over brandets palet har en hjemmeside brug for farver til fejl (rød), succes (grøn) og advarsler (gul eller orange). Vælg varianter, der passer til din palet, og brug dem konsekvent i formularer og beskeder.