Color
01
Color in the system
Use semantic tokens such as action, surface, text, and status instead of raw color values.
Primary colors
Core product colors for hierarchy, content, navigation, and surfaces.
Black & text
White & neutrals
Secondary & tertiary colors
Supporting colors for focus, identity, success, destructive actions, and warnings.
Purple
Green · action
Green · success
Green · identity
Red
Yellow
02
Try it before you use it
Change the color controls and preview the result in context.
Final Approval Confirmation
Send ₹1,500 expense request for approval.
Portal source check · Corrected
Form focus is black; purple is a selection accent, not the universal focus color.
Compared with the local admin source. Interactive previews use sample data; foundation and extra size controls are design explorations.