Primary colour
Primary ultra light
Primary light
Primary semi-light
Primary semi-dark
Primary dark
Primary ultra-dark
Primary ButtonI am a buttonPrimary Dark ButtonLink (Primary Colour)
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.