Farger

Udirs identitetsfarger består av hovedfarger og støttefarger. De har en pallett fra lys til mørk for å dekke flere behov. Fargene brukes både i digitale og fysiske flater. 

Artikkel
Sist endret: 10.03.2025
Last siden som PDF

Udirs hovedfarger

Udirs hovedfarger er grønn og sort. Fargene inngår i logoen. Udir grønn og Udir sort er tilgjengelige i lyse og mørke nyanser. De lysere nyansene bruker vi på bakgrunnsflater og de mørkere nyansene bruker vi  på fremtredende elementer. 

Udir grønn

Udir grønn 7 er hovednyansen av grønn og finnes i logoen. Under ser du alle nyansene av Udir grønn vi bruker. 

10 felter med ulike nyanser av grønn med tilhørende fargekoder. Samme informasjon ligger som tekst under bildet.

Udir sort

Udir sort 9 er hovednyansen av sort og finnes i logoen. Under ser du alle nyansene av Udir sort vi bruker. 

10 felter med ulike nyanser av sort med tilhørende fargekoder. Samme informasjon ligger som tekst under bildet.

Fargekoder for hovedfarger

Fargekoder for Udir grønn:

  • Udir grønn 1: #EEF8F3. CMYK: 5, 0, 4, 0. rgba (238, 248, 243, 1)
  • Udir grønn 2: #DDF1E7. CMYK: 13, 0, 10, 0. CSS: rgba (221, 241, 231, 1)
  • Udir grønn 3: #CCEADA. CMYK: 19, 0, 17, 0. CSS: rgba (204, 234, 218, 1)
  • Udir grønn 4: #BBE3CE. CMYK: 26, 0, 23, 0. CSS: rgba (187, 227, 206, 1)
  • Udir grønn 5: #A9DBC2. CMYK: 33, 0, 29, 0. CSS: rgba (169, 219, 194, 1)
  • Udir grønn 6: #9BD8B9. CMYK: 39, 0, 35, 0. CSS: rgba (155, 216, 185, 1)
  • Udir grønn 7: #76C69D. CMYK: 54, 0, 49, 0. CSS: rgba (118, 198, 157, 1)
  • Udir grønn 8: #5BA27E. CMYK: 67, 17, 62, 1. CSS: rgba (91, 162, 126, 1)
  • Udir grønn 9: #254B38. CMYK: 81, 46, 76, 46. CSS: rgba (37, 75, 56, 1)
  • Udir grønn 10: #112E1F. CMYK: 82, 53, 8, 69. CSS: rgba (17, 46, 31, 1)

Fargekoder for Udir sort:

  • White: #FFFFFF. CMYK: 0, 0, 0, 0. CSS: rgba (188, 188, 188, 1)
  • Udir sort 1: #FBFBFB. CMYK: 1, 0, 0, 0. CSS: rgba (251, 251, 251, 1)
  • Udir sort 2: #F4F4F4. CMYK: 3, 2, 2, 0. CSS: rgba (244, 244, 244, 1)
  • Udir sort 3: #EAEAEA. CMYK: 7, 5, 5, 0. CSS: rgba (234, 234, 234, 1)
  • Udir sort 4: #DEDEDE. CMYK: 12, 9, 9, 0. CSS: rgba (188, 188, 188, 1)
  • Udir sort 5: #C4C4C4. CMYK: 23, 18, 19, 0. CSS: rgba (196, 196, 196, 1)
  • Udir sort 6: #A0A0A0. CMYK: 40, 32, 33, 0. CSS: rgba (160, 160, 160, 1)
  • Udir sort 7: #757575. CMYK: 55, 47, 46, 12. CSS: rgba (117, 117, 117, 1)
  • Udir sort 8: #3D4146. CMYK: 72, 62, 56, 44. CSS: rgba (61, 65, 70, 1)
  • Udir sort 9: #303030. CMYK: 70, 64, 63, 61. CSS: rgba (48, 48, 48, 1)

Udirs støttefarger

Udirs støttefarger er blå og brun. De harmonerer godt med hovedfargene samtidig som de gir mer å spille på i det visuelle uttrykket. De lysere nyansene bruker vi på bakgrunnsflater og de mørkere nyansene bruker vi på fremtredende elementer. 

Udir blå

Udir blå 5 er hovednyansen av blå. Under ser du alle nyansene av Udir blå vi bruker. 

12 felter med ulike nyanser av blå med tilhørende fargekoder. Samme informasjon ligger som tekst under bildet.

Udir brun

Udir brun 5 er hovednyansen av brun. Under ser du alle nyansene av Udir brun vi bruker. 

11 felter med ulike nyanser av brun med tilhørende fargekoder. Samme informasjon ligger som tekst under bildet.

Fargekoder for støttefarger

Fargekoder for Udir blå:

  • Udir blå 1: #EFF7FE. CMYK: 4, 1, 0, 0. CSS: rgba (239, 247, 254, 1)
  • Udir blå 2: #E0EFFB. CMYK: 11, 2, 0, 0. CSS: rgba (224, 239, 251, 1)
  • Udir blå 3: #D3E6F6. CMYK: 16, 3, 0, 0. CSS: rgba (211, 230, 246, 1)
  • Udir blå 4: #C8DEF0. CMYK: 20, 5, 1. 0. CSS: rgba (200, 222, 240, 1)
  • Udir blå 5 (hovedfarge): #BED5E8. CMYK: 24, 8, 3, 0.CSS: rgba (190, 213, 232, 1)
  • Udir blå 6: #A9C0D3. CMYK: 33, 16, 10, 0. CSS: rgba (169, 192, 211, 1)
  • Udir blå 7: #7F99AE. CMYK: 53, 32, 23, 0. CSS: rgba (127, 153, 174, 1)
  • Udir blå 8: #6D889D. CMYK: 62, 39, 28, 2. CSS: rgba (109, 136, 157, 1)
  • Udir blå 9: #536D81. CMYK: 72, 50, 36, 11. CSS: rgba (83, 109, 129, 1)
  • Udir blå 10: #2F4960. CMYK: 86, 67, 42, 28. CSS: rgba (47, 73, 96, 1)
  • Udir blå 11: #263745. CMYK: 85, 68, 51, 47. CSS: rgba (38, 55, 69, 1)
  • Udir blå 12: #191D24. CMYK: 79, 70, 59, 73. CSS: rgba (25, 29, 36, 1)

Fargekoder for Udir brun:

  • Udir brun 1: #FBF7F1. CMYK: 1, 2, 4, 0. CSS: rgba (251, 247, 241, 1)
  • Udir brun 2: #FBF3E8. CMYK: 1, 3, 7, 0. CSS: rgba (251, 243, 232, 1)
  • Udir brun 3: #F2E8DA. CMYK: 4, 7, 13, 0. CSS: rgba (242, 232, 218, 1)
  • Udir brun 4: #ECDBC2. CMYK: 7, 12. 23, 0. CSS: rgba (236, 219, 194, 1)
  • Udir brun 5 (hovedfarge): #E5CEAE. CMYK: 10, 17, 32, 0. CSS: rgba (229, 206, 174, 1)
  • Udir brun 6: #D6B689. CMYK: 17, 27, 50, 0. CSS: rgba (214, 182, 137, 1)
  • Udir brun 7: #BFA687. CMYK: 26, 32, 49, 0. CSS: rgba (191, 166, 135, 1)
  • Udir brun 8: #937A57. CMYK: 39, 46, 70, 13. CSS: rgba (147, 122, 87, 1)
  • Udir brun 9: #705C40. CMYK: 47, 54, 76, 30. CSS: rgba (112, 92, 64, 1)
  • Udir brun 10: #5E4521. CMYK: 47, 61, 92, 45. CSS: rgba (94, 69, 33, 1)
  • Udir brun 11: #261F14. CMYK: 64, 64, 75, 76. CSS: rgba(38, 31, 20, 1)

Tekst

Til tekst bruker vi som hovedregel sort for å sikre god nok kontrast. Unntak fra dette er i digitale tjenester som bruker komponentbiblioteket. Der har komponentene godkjente kombinasjoner av lyse bakgrunnsfarger med tilhørende mørke tekstfarger med god nok kontrast. Les om kontrastkrav hos uutilsynet.

Fargepalletter til ulike bruksområder

De ulike fargepalettene er laget for at vi skal kunne lage visualiseringer og systemer som harmonerer og ivaretar Udir sin identitet på tvers av ulike flater. Vi har konkretisert hvordan fargene skal brukes:

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

Til toppen