Farger

Udirs designprofil har farger som skal fungere for både digital og fysisk bruk. Fargene er fordelt på identitetsfarger og støttefarger. Identitetsfargene består av farger som skal være fremtredende og blikkfang. Støttefargene består av farger som passer på større flater, bakgrunner og som støtte for andre elementer.

Artikkel
Sist endret: 20.06.2024

Identitetsfarger

Udir har tre identitetsfarger. Fargene er sterke og tydelige og skal sørge for å synliggjøre Udir sin identitet. Det betyr ikke at disse fargene skal brukes i størst omfang, men heller på elementer som skal være synlige og skape blikkfang. For digitale tjenester vil dette for eksempel gjelde komponenter. For trykte flater vil dette for eksempel være mindre grafiske elementer. 

Sirkler med farger og koder med samme informasjon som i teksten under bildet

Identitetsfargene består av:

  • Udir grønn (AA 6.49:1)
    HEX: #76C69D. CMYK: 50, 0, 45, 2. CSS: rgba (118, 198, 157, 1).
  • Udir blå (AAA 8.71:1)
    HEX: #BED5E8. CMYK: 24, 8, 3, 0. CSS: rgba (190, 213, 232, 1).
  • Udir sort (AAA 13.19:1)
    HEX: #303030. CMYK: 70, 64, 63, 61. CSS: rgba (48, 48, 48, 1).

Det er mulig å bruke fargene i flere nyanser, men vi ønsker å holde oss til hovedfargene i størst mulig grad fordi det gir et ryddigere uttrykk.

Støttefarger

Udir har fire støttefarger med tilhørende pallett som komplimenterer identitetsfargene. Støttefargene skal støtte opp om identitetsfargene, men ikke være blikkfang i samme grad. De skal brukes på større flater og bakgrunner for andre elementer, for eksempel tekst. Det vil være støttefargene som brukes i størst grad, men likevel uten å være mest fremtredende.

 

Sirkler med farger og koder med samme informasjon som i teksten under bildet

Støttefargene består av:

  • Skog mørk (AAA 8.68:1)
    HEX: #B9D9C8. CMYK: 27, 2, 24, 0. CSS rgba (185, 217, 200, 1).
  • Skog lys (AAA 11.9:1)
    HEX: #E7F7EE. CMYK: 8, 0, 6, 0. CSS: rgba (231, 247, 238, 1). 
  • Stålblå mørk (AAA 7.64:1)
    HEX: #BAC6D8, CMYK: 27, 15, 7, 0. CSS: rgba (186, 198, 216, 1).
  • Stålblå lys (AAA 10.39:1)
    HEX: #DCE5F3, CMYK: 12, 6, 0, 0. CSS: rgba (220, 229, 243, 1).
  • Sand mørk (AAA 8.65:1)
    HEX: #E5CEAE, CMYK: 10, 17, 32, 0. CSS: rgba (229, 206, 174, 1).
  • Sand lys (AAA 10.89:1)
    HEX: #F2E8DA, CMYK: 4, 7, 13, 0. CSS: rgba (242, 232, 218, 1).
  • Nøytral mørk (AAA 9.81:1)
    HEX: #DEDEDE, CMYK: 12, 8, 8, 0. CSS rgba (222, 222, 222, 1).
  • Nøytral lys (AAA 11.99:1)
    HEX: #F4F4F4, CMYK: 3, 2, 2, 0. CSS rgba (244, 244, 244, 1).

Det er mulig å bruke fargene i flere nyanser, men vi ønsker å holde oss til hovedfargene i størst mulig grad fordi det gir et ryddigere uttrykk.

Hvordan skal fargene brukes?

De ulike fargepalettene er laget for at vi skal kunne lage visualiseringer og systemer som harmonerer og ivaretar Udir sin identitet. Behovene for digitale og trykte flater er ulike. For bruk av farger i digitale tjenester finner du ytterlige retningslinjer i Figma (krever innlogging).

Er du usikker på hvordan du skal bruke de ulike palettene, kontakt oss på designteamet@udir.no så hjelper vi deg videre.

Se paletter i Figma (krever innlogging)

Til toppen