---
title: Colour
description: 'Colour plays an important role in creating a consistent and strong visual digital products and services.'
layout: default
label: Core
links:
- text: Figma
  url: #colour
- text: Storybook
  url: #component
---

The design system contains a colour framework, which may be changed if your department or entity branding is required.

### Primary 

::DocsColourTable
---
colours: 
  - clr.primary
---
::

### Accent

::DocsColourTable
---
colours: 
  - clr.accent
---
::

### Neutral

::DocsColourTable
---
colours: 
  - clr.neutral
---
::

### Helper

::DocsColourTable
---
colours:
  - clr.light
  - clr.dark
---
::

### Type

::DocsColourTable
---
colours:
  - clr.type.default
  - clr.type.light
  - clr.type.primary.contrast
  - clr.type.accent.contrast
---
::

### Link

::DocsColourTable
---
colours:
  - clr.link
  - clr.link-visited
  - clr.focus
---
::

### Sematic

::DocsColourTable
---
colours:
  - clr.information
  - clr.success
  - clr.warning
  - clr.error
---
::

### Gradients

::DocsGradientTable
:::
