Cal.com Brand Colors
Cal.com is an open-source scheduling and calendar infrastructure platform that allows individuals, teams, and enterprises to manage booking pages, availability, and integrations with full data ownership. It is a developer-friendly alternative to Calendly. Cal.com's minimal dark brand reflects its technical sophistication and commitment to open-source transparency.
The official Cal.com palette comprises two colors: Wild Sand (#F4F4F4) and Cod Gray (#141414). Only Cod Gray meets the 4.5:1 contrast ratio WCAG AA requires of normal-size body text on white, while Wild Sand sits lowest at 1.1:1.
Cal.com Color Palette
Cal.com uses 2 official colors in its brand identity.
Wild Sand
#F4F4F4
Cod Gray
#141414
Frequently Asked Questions
What are the official Cal.com brand colors?
How do I use Cal.com brand colors in CSS?
color: #HEX; or background-color: #HEX;.
Are these Cal.com colors official?
What color formats are available?
Can I use Cal.com brand colors in my project?
What is the primary Cal.com color?
How do I ensure color accuracy across devices?
Do Cal.com colors meet accessibility standards?
How often are brand colors updated?
What other brands have similar colors?
Accessibility of the Cal.com palette
Of the 2 recorded colors, 1 reach the WCAG 2.1 AA ratio of 4.5:1 against a white background — the threshold normal-size body text must meet. Colors below that line are not failures of the palette: they remain valid as fills carrying white text, as large text at the 3:1 threshold, and as borders, icons, and other non-text elements, which SC 1.4.11 also holds to 3:1. A logotype set in such a color is exempt from the requirement entirely.
Reference: WCAG AA vs AAA contrast requirements compared · Contrast Checker
Cal.com and its associated marks are trademarks of their respective owner. ColorFYI records publicly published brand-guideline color values for reference, editorial, and interoperability purposes, and is neither affiliated with nor endorsed by Cal.com.