Core
Brand
#32A31A$colour-brandBrand (supporting)
#71CC51$colour-brand-supportingGood Stuff
#168208$colour-goodstuffBad Stuff
#DB353D$colour-badstuffHighlight
#D4F7D0$colour-highlightLinks
#1C8715$colour-linksGreys
White
#ffffff$colour-whiteLLL grey
#FAFAFC$colour-lllgreyLL grey
#EBEBED$colour-llgreyLight grey
#D4D4D7$colour-lgreyGrey
#A7A7AA$colour-greyDark grey
#939396$colour-dgreyDD grey
#57575A$colour-ddgreyDDD grey
#3a3a3c$colour-dddgreyBlack
#2C2C2E$colour-blackData room sections
Documents
#43a2d3Q&A
#1f9c73Users
#f67a50Security
#f4244dSettings
#774dcaBackground colours
Green
#E0F1DCRed
#FAE1E2Orange
#FDF2DEBlue
#E3F1F8Purple
#F3E5FFContrast
Choose wisely as all colours are not created equal. To make text legible we ensure the contrast of foreground and background colours comply to level AA of the Web Content Accessibility Guidelines (WCAG). We recommend the Paciello Group Colour Contrast Analyser for testing contrast.