Colors

Colors are irreplaceable. They can sway thinking, change actions, and cause reactions. Used in the right way, they can communicate more than anything.

Download colors

✅ This section URL has been copied to your clipboard.

Color overview

Primary colors

HEX

#003d85

RGB

0, 61, 133

CMYK

100, 75, 0, 18

HEX

#FFFFFF

RGB

255, 255, 255

CMYK

0, 0, 0, 0

Primary tints and shades

HEX

#001E42

RGB

0, 30, 66

CMYK

100, 87, 44, 50

HEX

#B2C5DA

RGB

178, 197, 218

CMYK

35, 17, 9, 0

HEX

#D9E2ED

RGB

217, 226, 237

CMYK

18, 8, 5, 0

Subcategory colors

HEX

#DC9C57

RGB

220, 156, 87

HEX

#70A38B

RGB

112, 163, 139

HEX

#8B7178

RGB

139, 113, 120

HEX

#E58F65

RGB

229, 143, 101

HEX

#D05353

RGB

208, 83, 83

HEX

#749FA7

RGB

116, 159, 167

HEX

#944257

RGB

148, 66, 87

HEX

#375B89

RGB

55, 91, 137

HEX

#808BB1

RGB

128, 139, 177

HEX

#2F5398

RGB

47, 83, 152

✅ This section URL has been copied to your clipboard.

Primary colors

Primary blue

Primary blue is Sýslumenn's main color. Used for all relevant and important elements as well as text.

HEX

#003D85

RGB

0, 61, 133

CMYK

100, 75, 0, 18

Dark blue

Secondary color for illustrations and small text.

HEX

#001E42

RGB

0, 30, 66

CMYK

100, 87, 44, 50

Fallback blue

This color will only be used when no other colors of the palette have enough contrast with the elements. An "in between" tone of blue for specific elements when the dark is too dark and the bright is too bright.

HEX

#B2C5DA

RGB

178, 197, 218

CMYK

5, 17, 9, 0

Bright blue

Bright blue is going to be used to provide contrast in backgrounds or other elements instead of using the white.

HEX

#D9E2ED

RGB

217, 226, 237

CMYK

18, 8, 5, 0

Primary white

Sýslumenn's primary white color. It's used as the main background in light mode, as well as text on dark backgrounds.

HEX

#F8F8FD

RGB

255, 255, 255

CMYK

0, 0, 0, 0

✅ This section URL has been copied to your clipboard.

Subcategory colors

Skírteini og vottorð

Specific category color only for "Skírteini og vottorð"

HEX

#DC9C57

RGB

220, 156, 87

Shade

For illustrations and patterns.

HEX

#6E4E2D

RGB

110, 78, 45

Light 1

Only for patterns and backgrounds.

HEX

#F4E1CD

RGB

244, 225, 205

Light 2

Only for patterns and backgrounds.

HEX

#FAF0E6

RGB

250, 240, 230

Leyfi og löggildingar

Specific category color only for "Leyfi og löggildingar"

HEX

#70A38B

RGB

112, 163, 139

Shade

For illustrations and patterns.

HEX

#375146

RGB

55, 81, 70

Light 1

Only for patterns and backgrounds.

HEX

#D4E3DC

RGB

212, 227, 220

Light 2

Only for patterns and backgrounds.

HEX

#E9F1EE

RGB

233, 241, 238

Andlát og dánarbú

Specific category color only for "Andlát og dánarbú"

HEX

#8B7178

RGB

7, 196, 255

Shade

For illustrations and patterns.

HEX

#46383C

RGB

70, 56, 60

Light 1

Only for patterns and backgrounds.

HEX

#DCD4D6

RGB

220, 212, 214

Light 2

Only for patterns and backgrounds.

HEX

#EEEAEB

RGB

238, 234, 235

Fjölskyldumál

Specific category color only for "Fjölskyldumál"

HEX

#E58F65

RGB

229, 143, 101

Shade

For illustrations and patterns.

HEX

#724833

RGB

114, 72, 51

Light 1

Only for patterns and backgrounds.

HEX

#F6DDD1

RGB

246, 221, 209

Light 2

Only for patterns and backgrounds.

HEX

#FBEEE8

RGB

251, 238, 232

Hjónaband

Specific category color only for "Hjónaband"

HEX

#D05353

RGB

208, 83, 83

Shade

For illustrations and patterns.

HEX

#682929

RGB

104, 41, 41

Light 1

Only for patterns and backgrounds.

HEX

#F1CBCB

RGB

241, 203, 203

Light 2

Only for patterns and backgrounds.

HEX

#F8E5E5

RGB

248, 229, 229

Gjöld og innheimta

Specific category color only for "Gjöld og innheimta"

HEX

#749FA7

RGB

16, 159, 167

Shade

For illustrations and patterns.

HEX

#3A5053

RGB

58, 80, 83

Light 1

Only for patterns and backgrounds.

HEX

#D5E2E4

RGB

213, 226, 228

Light 2

Only for patterns and backgrounds.

HEX

#E9F1F2

RGB

233, 241, 242

Þinglýsingar og vottanir

Specific category color only for "Þinglýsingar og vottanir"

HEX

#944257

RGB

148, 66, 87

Shade

For illustrations and patterns.

HEX

#4A212D

RGB

74, 33, 45

Light 1

Only for patterns and backgrounds.

HEX

#DFC6CD

RGB

223, 198, 205

Light 2

Only for patterns and backgrounds.

HEX

#EFE3E6

RGB

239, 227, 230

Fullnustugerðir

Specific category color only for "Fullnustugerðir"

HEX

#375B89

RGB

55, 91, 137

Shade

For illustrations and patterns.

HEX

#1A2D45

RGB

26, 45, 69

Light 1

Only for patterns and backgrounds.

HEX

#C3CEDC

RGB

195, 206, 220

Light 2

Only for patterns and backgrounds.

HEX

#E2E6ED

RGB

226, 230, 237

Lögráðamál

Specific category color only for "Lögráðamál"

HEX

#808BB1

RGB

128, 139, 177

Shade

For illustrations and patterns.

HEX

#404658

RGB

64, 70, 88

Light 1

Only for patterns and backgrounds.

HEX

#D9DCE8

RGB

217, 220, 232

Light 2

Only for patterns and backgrounds.

HEX

#ECEEF3

RGB

236, 238, 243

Kosningar #1

Specific category colors only for "Kosningar". This subcategory has 3 colors, the blue being the primary one.

HEX

#2F5398

RGB

47, 83, 152

Kosningar #2

Specific category colors only for "Kosningar". This subcategory has 3 colors, the blue being the primary one.

HEX

#BC2237

RGB

188, 34, 55

Kosningar #3

Specific category colors only for "Kosningar". This subcategory has 3 colors, the blue being the primary one.

HEX

#FFFFFF

RGB

255, 255, 255

✅ This section URL has been copied to your clipboard.

Color rules

Color usage

How to use the colors of the brand.

Visual examples

Text should be always be the primary blue color. Exception: The darker version of the primary blue should be used for text smaller than 16px (web) or 12 pts (print).

Only the "Light 2" tint should be used for backgrounds.

The "Light 1" should be used only when images are placed on top, like in the image for the example.

Don't use any other color for background or text.

Use the primary color for covers or marketing assets only (like social media).

When using the primary color as cover, the text will always be white.

Only for subfamilies, the text will always use the darker color of their own palette.

Illustrations will always be used in the darker color of the palette.

✅ This section URL has been copied to your clipboard.