Primitive Colors

These colors serve as the base for creating consistent design elements and are used to build other color schemes across the Design System.

Blue Sky 600 Background + White Text + Gray Border

Brand Colors

Blue 900
800
700
Blue Sky 600
500
400
300
200
150
100
900
800
700
Lavender 600
500
400
300
200
100
900
800
700
Purple 600
500
400
300
200
100
900
800
700
Magenta 600
500
400
300
200
100
900
800
700
Forest Green 600
500
400
300
200
150
100

Base Colors

900
800
700
Gray 600
500
400
300
250
200
100
Black
White

Alpha Colors

black-500-alpha
black-400-alpha
black-300-alpha
black-200-alpha
black-100-alpha
white-500-alpha
white-400-alpha
white-300-alpha
white-200-alpha
white-100-alpha

Status Colors

900
800
700
Green 600
500
400
300
200
100
50
900
800
700
Apricot 600
500
400
300
200
100
50
900
800
700
Red 600
500
400
300
200
100
50