Colours

Name	Demo
`$brand-primary`
`$brand-accent-pink`
`$brand-accent-green`
`$brand-accent-yellow`
`$brand-neutral-black`
`$brand-neutral-white`
`$brand-light-teal`
`$brand-light-pink`
`$brand-light-yellow`
`$brand-neutral-grey`
`$success`
`$warning`
`$danger`

Background colours

You can use any of the above colours as a background by prefixing the class name with bg-.

Light teal background

Light pink background

Grey background

View code

<div class="bg-brand-light-teal p-2 mb-2">
    Light teal background
</div>

<div class="bg-brand-light-pink p-2 mb-2">
    Light pink background
</div>

<div class="bg-brand-neutral-grey p-2 mb-2">
    Grey background
</div>