Colors

Primary Colors

Our primary colors are the foundation of the Prahsys visual identity. Blue is our core brand color, carrying trust, clarity, and a sense of precision that fits naturally in healthcare technology. It appears across our icon, our interface, and our marketing materials. Our neutral palette balances the blue with clean, structured grays that keep our interfaces readable and our layouts grounded.

Full Color System

Our full color token system is designed to support both light and dark mode interfaces consistently. Every token has a light and dark mode value so that switching between modes never requires rethinking a layout, only applying the correct token. Where possible, our tokens are mapped to Tailwind CSS color values, so developers working in Tailwind can reference familiar color names directly. Each token is listed with its token name, its corresponding Tailwind color name (such as Zinc 950), and its hex value for contexts where Tailwind is not in use. Developers and designers building with or integrating Prahsys should always reference these tokens rather than hardcoded hex values to ensure consistency across contexts.

Accessibility

All color pairings used in our interface meet WCAG AA contrast requirements at minimum. When using our color tokens, remember to always verify contrast. This is especially important for pairings that are not the predefined foreground and background tokens.

Do's and Don'ts

Do always use the correct token for the context rather than hardcoding hex values. Do respect the light and dark mode pairing for every token.

Do not use destructive colors for anything other than errors or irreversible actions. Do not introduce colors outside of this system without going through the Prahsys design team. Do not use chart colors in UI contexts or UI colors in chart contexts.