Cal.com | Scheduling Software for Online Bookings

https://cal.com 3541 elements 6/25/2026
26
Colors
9
Font Families
5
Spacing Values
11
Shadows
11
Border Radii
6
Components
100%
A11y Score

Color Palette

Brand Colors

#0000ee
Primary
448 uses
#0099ff
Secondary
6 uses
#d6ecfe
Accent
1 uses

Neutrals

#000000
5450 uses
#242424
384 uses
#898989
356 uses
#e5e7eb
313 uses
#ffffff
195 uses
#111111
190 uses
#f4f4f4
65 uses
#374151
58 uses
#d3d3d3
48 uses
#808080
10 uses

Full Palette

#000000
text, border, background
5450 uses
#0000ee
text, border
448 uses
#242424
text, border, background
384 uses
#898989
background, text, border
356 uses
#e5e7eb
background, border
313 uses
#ffffff
text, border, background
195 uses
#111111
text, border, background
190 uses
#f4f4f4
background
65 uses
#374151
text, border, background
58 uses
#d3d3d3
background
48 uses
#808080
background
10 uses
#4c5a70
text
9 uses
#0ea5e9
text, border
8 uses
#6701e6
text
8 uses
#6b7280
text, border
6 uses
#9ca3af
text, border
6 uses
#0099ff
text, border
6 uses
#7826b1
text, border
4 uses
#aa61f1
text, border
4 uses
#e9ddfd
background
2 uses

Gradients

Typography

Font Families

Inter (body, 247x)Cal Sans UI Variable Light (all, 233x)Times (body, 65x)Cal Sans (all, 43x)Matter Regular (body, 43x)Matter Medium (body, 24x)Matter SemiBold (headings, 8x)Roboto Mono (body, 3x)CUSTOMV2;Cal Sans UI Regular (body, 2x)

Type Scale

64px The quick brown fox 600 / 70.4px
48px The quick brown fox 600 / 52.8px
24px The quick brown fox 600 / 31.2px
20px The quick brown fox 600 / 20px
18px The quick brown fox 300 / 23.4px
16px The quick brown fox 400 / normal
14px The quick brown fox 300 / 19.6px
12px The quick brown fox 400 / normal
10px The quick brown fox 400 / 14px
9.71px The quick brown fox 500 / 11.1px
8px The quick brown fox 400 / 11.2px

Spacing Scale (base: 4px)

1px
40px
48px
80px
96px

Box Shadows

xs (inset)
xs (inset)
xs
xs (inset)
sm
sm
sm
sm
sm
md
md

Border Radii

2px
xs
6px
md
10px
md
16px
lg
29px
full
40px
full
100px
full
120px
full
1000px
full
1250px
full
9999px
full

Accessibility

100%
WCAG Contrast Score
2 passing / 0 failing color pairs

Color Pair Analysis

Sample
#ffffff on #000000
21:1
AAA
1x
Sample
#374151 on #f8f9fa
9.78:1
AAA
1x