Colors
Color Distribution
Primary Color | 60%
White
Hex: #ffffff
Secondary Color | 20%
Silver Chalice
Hex: #b3b3b3
Tertiary Color | 10%
Grey
Hex: #808080
Quinary Color | 10%
Black
Hex: #000000
Color Shades
Background Colors
Class Name
Sample
background-color-white
background-color-light-1
background-color-light-2
background-color-light-3
background-color-light-4
background-color-medium
background-color-dark-4
background-color-dark-3
background-color-dark-2
background-color-dark-1
background-color-black
Brand Colors
Class Name
Sample
brand-color-black
brand-color-red
brand-color-white
Text Colors
Class Name
Sample
text-color-black
text-color-black
text-color-dark-1
text-color-dark-1
text-color-dark-2
text-color-dark-2
text-color-dark-3
text-color-dark-3
text-color-dark-4
text-color-dark-4
text-color-medium
text-color-medium
text-color-light-4
text-color-light-4
text-color-light-3
text-color-light-3
text-color-light-2
text-color-light-2
text-color-light-1
text-color-light-1
text-color-white
text-color-white
Brand Text Colors
Class Name
Sample
brand-text-color-white
text-color-white