> For the complete documentation index, see [llms.txt](https://design.cal.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://design.cal.com/basics/colors.md). # Colors Color tokens are the primitive values in our design system, represented by context names. ## Introduction Cal.com is designed to be a grayscale brand to emphasise on boldness and professionalism. Some inspiration for the black and white design was drawn from Uber. Hence, colors should be sparingly used. ## Base Our color set is based on the TailwindCSS colors, with some modifications. It's especially important that our specific grayscale colors are used.

## Aliases We sometimes use class name aliases to reference particular colors, with two sets of aliases for light and dark modes. ### Light Mode

### Dark Mode