Primary colour
Primary ultra light
Primary light
Primary semi-light
Primary semi-dark
Primary dark
Primary ultra-dark
Secondary colour
Secondary ultra light
Secondary light
Secondary semi-light
Secondary semi-dark
Secondary dark
Secondary ultra-dark
Secondary ButtonSecondary Outline buttonSecondary Dark Button
Colour Names Explained
Background = Primary Ultra Light
Primary = Most used brand color
Secondary = Second most prominent brand color
Accent = Least most used brand color
Tertiary = Only use if you (really, really) need another brand color
Base = Neutral brand color (text, background, etc)
Neutral = Greyscale (changing this palette is not recommended)
White and black are already integrated in ACSS.