Color
The colors for a design system is important because it reflects the consistency that a design system maintains. The color system in palette is quite simple, straight forward and easy to follow.
The Palette component library also exports a palette object which has access to all the color constants mention below. For Example in order to access the color constant primary, it can be done like this,
Hover over the color box to get to know the color constant value
#
Palette Primary (Blue)Primary
#2952CC
Secondary
#e5f2fd
#
Palette SecondaryPrimary
#ffffff
Secondary
#F3F6FF
#
GreenPrimary
#52BD95
Secondary
#eaf7ee
#
YellowPrimary
#e89f29
Secondary
#fef7e9
#
RedPrimary
#D04443
Secondary
#ffdde0
#
GreyPrimary
#475967
Secondary
#ebeff3