Primary UI Colours

These are the primary colors used for UI elements. The primary colors have semantic meanings associated with them.


Version 1.0

Primary Pallet

$brand-primary

$brand-success

$brand-info

$brand-warning

$brand-danger

Transparent Colour Swatch

$state-primary-bg

$state-success-bg

$state-info-bg

$state-warning-bg

$state-danger-bg

Gray Pallet

$gray-base

$gray-darker

$gray-dark

$gray

$gray-light

$gray-lighter

Custom Pallet

$au-color-one

$au-color-two

$au-color-three

$au-color-four

$au-color-five