Software & SaaS
Calendly Color Codes
Calendly's color is blue #006BFF. The Calendly color codes in Hex, RGB and CMYK can be found below. Tope Awotona founded it in 2013 after several failed startups, and funded it by emptying his personal savings. The product removes one email thread, the one about what time works for you.
Primary colors
What are Calendly Primary Colors?
Calendly's primary color is blue #006BFF, a strong true blue with no green in it.
Calendly publishes no public CMYK or Pantone sheet, so both are shown below as conversions and nearest matches.
Calendly Blue
| Hex | #006BFF |
|---|---|
| RGB | 0, 107, 255 |
| HSL | hsl(215, 100%, 50%) |
| CMYK | 100%, 58%, 0%, 0%converted · approximate |
| Pantone | PMS 2728 Cnearest match · not published by the brand |
Calendly Hex Color Codes
Calendly hex color codes are #006BFF for blue.
| Color | Hex |
|---|---|
| Blue | #006BFF |
Calendly RGB Color Codes
Calendly RGB color codes are 0, 107, 255 for blue. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Blue | rgb(0, 107, 255) |
Calendly HSL Color Codes
Calendly HSL color codes are 215, 100%, 50% for blue. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Blue | hsl(215, 100%, 50%) |
Calendly CMYK Color Code
Calendly CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Blue | 100%, 58%, 0%, 0% |
Calendly Pantone Color Codes
Calendly Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Blue | PMS 2728 C |
Logo
Calendly Logo Colors
Calendly logo colors are one blue, used flat on the mark and the wordmark.
Calendly Logo Colors Palette
What the Calendly Logo Colors Mean?
The Calendly logo colors sit on a shape that is deliberately not a calendar. The mark is a rounded square with a notch cut from one side, which reads as a slot opening up rather than a grid of dates, and one flat blue keeps it working as a favicon in the browser tab where the booking page opens. Blue is the safest possible choice for something you email to a stranger. That is the whole design brief.
Calendly Logo JPG
Calendly logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Calendly Logo PNG
Calendly logo in PNG, with a transparent background. Use it over a colored surface.
Calendly Logo WebP
Calendly logo in WebP. Same transparency as the PNG at about a third of the file size.
Calendly Color Code Shades
Calendly color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Calendly paint or trim names.
In code
Using the Calendly palette
CSS custom properties
:root {
--calendly-blue: #006BFF;
}Contrast against white
| Blue | 4.62:1AA ✓ |
|---|
Brand colors are chosen for recognition, not for legibility. A failing value here is normal. It means use it as a fill, not as text.