Home
Usage
Marketeers
Designers
Developers
Contribution
Pipelne
Foundations
Color
Typography
Actions
Structured Text
Images
Content
Voice and Tone
Mechanics, Grammar and Inclusivity
Patterns
In Page Navigation
Containers / Sections
Typographic patterns
Content and Media
Taxonomies
Images with Overlaid Text
Pagination
Social Share Buttons
Spinner
Agility Page Components
Styling Definitions
Text
Text and Media
Carousels
Accordion
Grid Content

Colors

This describes the entire set of colors available for the Design System and the hierarchies they follow.

When refering to these colors use the labels below. All stakeholders (developers, designers and marketers) use the same names for colors.

Primary

Blue
Yellow

Secondary

Light Blue
Orange
Purple

Tertiary

Blue Tint
Orange Tint
Purple Tint
Yellow Tint

Donate Button

Green for the donate button should be isolated to just the donate button

Green

Grayscale

gray
gray-50
gray-100
gray-200
gray-300
gray-400
gray-500
gray-600
gray-700
gray-800
gray-900