Skip to content
ShannonTucker edited this page Feb 15, 2022 · 3 revisions

Overview

The Design System has two colour palettes: mutli use vs specific use colours.

Design system colours

Usage

When to use

Specific-use only colours are used sparingly in a limited number of components (e.g., alerts).

Multi-use colours can be used to style components that have flexible colour guidelines (e.g., a background colour).

How to use

The colour flexibility is indicated in each component documentation under the customization section.

4A Assessment

We imported the Core GC Design Library colours into the Extended GC Design Library - DECD, then altered them by replacing the "functional names" with generic colour names. We also augmented the existing colours by including new shades. The full list of colours were grouped under multi- vs specific-use scenarios, which provides flexibility to future product designers.

Research Doc - Colour