1) Primary brand color → Teal
- Used for:
- Primary buttons
- Links
- Key highlights
- The system includes a primary teal palette, an orange accent color, greyscale colors (neutral colors), and a set of semantic colors.
- To ensure consistency across screens and components, the colors are organized using tokens.
2) Secondary / Accent Color → Orange
3) Neutral Colors → White, black, and greys
4) Semantic Colors → Green, yellow, and red for success, warning, and error