Colour
Our colour guide will help you apply color to your UI in a meaningful way. This helps us create visual patterns that can make interacting with our website easier and more predictable for customers. The use of colour should help bring attention to what matters most. Colour should support the hierarchy of the page.
Common Colour Palette
Main Colours
You can click on any colour to copy it to the clipboard.
Darkest#082a1f
Darker#10543e
Dark#1a8561
Primary#20a77c
Light#4db996
Lighter#79cab0
Lightest#d2ede5
Darkest#380022
Darker#700044
Dark#a80065
Primary#e00087
Light#e6339f
Lighter#ec66b7
Lightest#fff4fa
Indicator Colours
Darkest#00202a
Darker#003f54
Dark#005f7e
Primary#007ea8
Light#3398b9
Lighter#66b2cb
Lightest#cce5ee
Darkest#280808
Darker#4f1111
Dark#9e2121
Primary#d32c2c
Light#dc5656
Lighter#e58080
Lightest#f6d5d5
Darkest#280808
Darker#783600
Dark#b45100
Primary#f06c00
Light#f38933
Lighter#f6a766
Lightest#f9e8dc
Colours & Accessibility
We are committed to complying with AA standard contrast ratios. To do this, we choose primary, secondary and extended colors that support usability. This ensures sufficient color contrast between elements so that users with low vision can see and use our products.