> 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

## 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.

<figure><img src="/files/Uxqk6F1gqY0Y1eDq3p2v" alt=""><figcaption></figcaption></figure>

## Aliases

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

### Light Mode

<figure><img src="/files/dJyzFB1lYFi3rpAWLRwI" alt=""><figcaption></figcaption></figure>

### Dark Mode

<figure><img src="/files/9NQ6MvnHE9QteWNrqfoo" alt=""><figcaption></figcaption></figure>