Primary colours
Colour helps us establish our identity and create a consistent experience across our products. Please do not deviate from these colours when designing interfaces using this Design System.
The Turas primary colours are designed to provide sufficient colour contrast to meet level AA of Web Content Accessibility Guidelines 2.1 .
Primary blue
Hex: #0556AD
RGB: 5,86,173
Dark blue
Hex: #122B45
RGB: 18,43,69
Light blue
Hex: #E8EFFE
RGB: 232,239,254
Dark grey
Hex: #5F6F80
RGB: 95,111,128
Grey
Hex: #D5DCE7
RGB: 213, 220, 231
Mid grey
Hex: #F1F3FA
RGB: 241,243,250
Light grey
Hex: #F7F8FD
RGB: 247,248,253
White
Hex: #FFFFFF
RGB: 255,255,255
Other UI colours
There are other UI colours available for use on components such as alerts, borders, error messaging and icons.There is a light and a dark colour to cover components such as alert boxes.
Information (dark)
Hex: #107DDE
RGB: 16,125,222
Information (light)
Hex: #D9EBFE
RGB: 217,235,254
Success (dark)
Hex: #317832
RGB: 49,120,50
Success (light)
Hex: #DDEDDE
RGB: 221,237,222
Danger (dark)
Hex: #CA1A00
RGB: 202,26,0
Danger (light)
Hex: #FDDDD9
RGB: 253,221,217
Warning (dark)
Hex: #FF9C00
RGB: 255,156,0
Warning (light)
Hex: #FEE6B1
RGB: 254,230,177
Text colour
Our body font uses the following colour:
Near black
Hex: #1d1d1d
RGB: 29,29,29
Text colour contrast
All text and colour combinations must have a contrast ratio of at least 4.5:1, except for:
- large-scale text
- incidental text
- logotypes
We have a legal requirement to meet minimum contrast ratios. Understanding success criterion 1.4.3: contrast.