Colours & fonts

Our brand palette, typography and icons, with the values to use in print and on screen.

Core colours

For everything – documents, slides, signage and screen
White
HEX
#FFFFFF
RGB
255, 255, 255
CMYK
C0 M0 Y0 K0

Lead with white space.

Dark teal
50%#809EA8
25%#BFCFD4
HEX
#003E52
RGB
0, 62, 82
CMYK
C100 M8 Y11 K74
PMS
548

The anchor colour. Body text, reversed grounds for covers, dividers and footers.

Orange
50%#F1A882
25%#F8D4C0
HEX
#E35205
RGB
227, 82, 5
CMYK
C0 M80 Y100 K0
PMS
166

Headings, numerals, rules and arrows. Text only at 24px or larger, or 19px semibold.

Grey blue
50%#E6EAF3
25%#F2F5F9
HEX
#CCD6E7
RGB
204, 214, 231
CMYK
C25 M11 Y5 K0

Light supporting ground for panels and the cool end of the glass graduation.

Silver grey
50%#E6E7EA
25%#F3F3F4
HEX
#CECFD4
RGB
206, 207, 212
CMYK
C22 M16 Y14 K0

Neutral panels, hairline rules and the grey end of graduations.

Supporting colours – restricted to use in charts and graphs

Charts, infographics and highlighted data only
Energy teal
HEX
#008793
RGB
0, 135, 147
CMYK
C100 M22 Y42 K2
PMS
321
Energy spark
HEX
#2ED5B2
RGB
46, 213, 178
CMYK
C65 M0 Y43 K0
PMS
3255
Slate
HEX
#4A4F59
RGB
74, 79, 89
CMYK
C69 M56 Y44 K39
Purple
HEX
#4C2770
RGB
76, 39, 112
CMYK
C87 M100 Y18 K6
PMS
2607
Green
HEX
#005740
RGB
0, 87, 64
CMYK
C92 M38 Y76 K39
PMS
7484
Deep blue
HEX
#0F3A5D
RGB
15, 58, 93
CMYK
C100 M76 Y37 K38
PMS
2955

Never use these as backgrounds, headings or decoration. Label every chart series – deep blue and dark teal are too close to tell apart by colour alone.

Font – Instrument Sans

Aa

Regular

Most of the work – titles, headings, body and descriptions.

Aa

SemiBold

Used sparingly – lead statements, column headings and emphasis.

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 € £ % & – · ‘’ “”

Download the font Ask IT to install it on your laptop

Free and open source, available from Google Fonts.

Type scale

DisplayCovers and dividersExcellence built on trust58.67px · 44pt
Regular
TitlePage and slide titlesOur values and behaviours48px · 36pt
Regular
SubtitleSecondary titlesFive values. One standard.32px · 24pt
Regular
HeadingColumn and card headingsThinks clearly, acts decisively24px · 18pt
SemiBold
LeadOpening statementsGood management needs clarity.18.67px · 14pt
SemiBold
BodyRunning textWe see the bigger picture. We command every detail.18.67px · 14pt
Regular
Body smallTables and notesA KSNer plans ahead. Manages time, priorities and risk effectively.15.33px · 11.5pt
Regular

Screen size · print and PowerPoint size. Build hierarchy through big shifts in size, weight and colour, not lots of in-between sizes.

Icons – Phosphor Light

Over 1,500 icons, free to use

KSN uses the Light weight of the Phosphor icon library – a fine line that matches Instrument Sans. A selection is shown below; search the full library by name.

  • file-text
  • presentation-chart
  • identification-card
  • buildings
  • clipboard-text
  • megaphone
  • crane
  • hard-hat
  • ruler
  • calculator
  • blueprint
  • house-line
  • factory
  • bridge
  • chart-bar
  • chart-line-up
  • currency-eur
  • calendar-dots
  • clock
  • users-three
  • handshake
  • leaf
  • shield-check
  • map-pin
Browse the full library Download the KSN icon set (SVG and PNG)

Values from the KSN Brand Guide (Interim) V1.1. The full list, with owners and review dates, is in the Brand resource index.