Content site boilerplate

Brand primary

var(--color-mma-petrol)

var(--color-mma-yellow)

var(--color-mma-brown)

Blacks

var(--color-darkest)

var(--color-black-alpha-75)

var(--color-black-alpha-50)

var(--color-black-alpha-25)

var(--color-black-alpha-10)

var(--color-black-alpha-5)

Whites

var(--color-lightest)

var(--color-white-alpha-75)

var(--color-white-alpha-50)

var(--color-white-alpha-25)

var(--color-white-alpha-10)

var(--color-white-alpha-5)

Greys

var(--color-lightest)

var(--color-gray-100)

var(--color-gray-300)

var(--color-gray-500)

var(--color-gray-700)

var(--color-gray-900)

var(--color-darkest)

Highlights

var(--color-highlight-success)

var(--color-highlight-info)

var(--color-highlight-warning)

var(--color-highlight-error)

Buurt - Centrum

var(--color-centrum-orange)

var(--color-centrum-blue)

Buurt - Nieuw-west

var(--color-nieuw-west-purple)

var(--color-nieuw-west-green)

Buurt - Noord

var(--color-noord-blue)

var(--color-noord-pink)

Buurt - Oost

var(--color-oost-pink)

var(--color-oost-lila)

Buurt - West

var(--color-west-blue)

var(--color-west-salmon)

Buurt - Zuid

var(--color-zuid-green)

var(--color-zuid-off-white)

Buurt - Zuid-oost

var(--color-zuid-oost-green)

var(--color-zuid-oost-taupe)