Cal.com Brand Identity

A complete profile of Cal.com's visual system — colors, typography, components, and personality — extracted from https://cal.com/. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from https://cal.com/.

primary
#374151
secondary
#9CA3AF
accent
#0000EE
background
#F4F4F4
textPrimary
#0000EE
link
#0000EE

Typography

Each font links to its Google Fonts page where available.

primary
Inter

heading
Cal Sans

Cal Sans Google Fonts →

Visual Assets

%2522%3E%3C%2Fpath%3E%3C%2Fsvg%3E)

Logo

Favicon

Social Card

UI Components

Live previews rendered using Cal.com's actual button styles.

Input

input

background#EFEFEFtextColor#000000borderColor#767676borderRadius0pxshadownone

Brand Personality

Tone: modern Energy: medium Audience: business professionals and organizations looking for scheduling solutions

Frequently Asked Questions

What is Cal.com's primary brand color?
Cal.com's primary brand color is #374151. It anchors the visual identity across their website, product UI, and marketing materials.

What accent color does Cal.com use?
Cal.com uses #0000EE as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

What font does Cal.com use?
Cal.com uses Inter for body text and Cal Sans for headings. Fonts were detected on https://cal.com/ as part of their live design system.

Does Cal.com use a light or dark theme?
Cal.com's primary site uses a light color scheme, with a background of #F4F4F4.

Where can I find Cal.com's logo?
Cal.com's logo is available directly on their site (https://cal.com/). The current logo URL is included in the machine-readable JSON profile linked above.