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 .
Hex: #0556AD
RGB: 5,86,173
Hex: #122B45
RGB: 18,43,69
Hex: #E8EFFE
RGB: 232,239,254
Hex: #5F6F80
RGB: 95,111,128
Hex: #D5DCE7
RGB: 213, 220, 231
Hex: #F1F3FA
RGB: 241,243,250
Hex: #F7F8FD
RGB: 247,248,253
Hex: #FFFFFF
RGB: 255,255,255
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.
Hex: #107DDE
RGB: 16,125,222
Hex: #D9EBFE
RGB: 217,235,254
Hex: #317832
RGB: 49,120,50
Hex: #DDEDDE
RGB: 221,237,222
Hex: #CA1A00
RGB: 202,26,0
Hex: #FDDDD9
RGB: 253,221,217
Hex: #FF9C00
RGB: 255,156,0
Hex: #FEE6B1
RGB: 254,230,177
Our body font uses the following colour:
Hex: #1d1d1d
RGB: 29,29,29
All text and colour combinations must have a contrast ratio of at least 4.5:1, except for:
We have a legal requirement to meet minimum contrast ratios. Understanding success criterion 1.4.3: contrast.