Calendly

Calendly's brand palette, anchored on Calendly Blue (#006BFF) — the signature saturated blue that carries the wordmark and the schedule mark. The institutional voice pairs that blue with a clean white canvas and near-black body text on marketing surfaces. Where competing scheduling tools lean on multi-color product surfaces, Calendly commits to a single confident blue.

9 swatches 14 light roles 14 dark roles saasproductivitycalendlyschedulingblue

Swatches

calendly-blue
#006BFF
Signature saturated blue. Primary brand color — used on the wordmark, primary CTAs, and key interactive surfaces.
calendly-white
#FFFFFF
Canvas on light surfaces; reversed wordmark fill.
calendly-black
#0B1B2D
Near-black body text on light backgrounds — Calendly's marketing-page text tone.
calendly-canvas-dark
#0B1B2D
Authored dark-mode canvas aligned with the body-text tone.
calendly-surface-light
#F4F6F9
Authored panel surface for light mode.
calendly-surface-dark
#1A2A40
Authored elevated surface on dark mode.
calendly-text-secondary
#4A5568
Authored secondary text — neutral mid-gray on light canvas.
calendly-text-tertiary
#8794A6
Authored tertiary / muted text.
calendly-blue-hover
#2D85FF
Authored softer Calendly Blue for hover / active states.

Mode role mappings

Light mode (14 roles)

accent → calendly-blue
accent-hover → calendly-blue-hover
background → calendly-white
error → calendly-blue
primary → calendly-blue
primary-hover → calendly-blue-hover
success → calendly-blue
surface → calendly-surface-light
surface-elevated → calendly-white
text-primary → calendly-black
text-secondary → calendly-text-secondary
text-tertiary → calendly-text-tertiary
warning → calendly-blue
warning-hover → calendly-blue-hover

Dark mode (14 roles)

accent → calendly-blue
accent-hover → calendly-blue-hover
background → calendly-canvas-dark
error → calendly-blue
primary → calendly-blue
primary-hover → calendly-blue-hover
success → calendly-blue
surface → calendly-surface-dark
surface-elevated → calendly-surface-dark
text-primary → calendly-white
text-secondary → calendly-text-tertiary
text-tertiary → calendly-text-secondary
warning → calendly-blue
warning-hover → calendly-blue-hover

Provenance

Source
https://calendly.com/press
License
Proprietary — All Rights Reserved
Attribution
Calendly and the Calendly logo are trademarks of Calendly, LLC. The primary brand color Calendly Blue (#006BFF) is documented on Calendly's press resources and is independently cross-referenced by the simple-icons brand database, which cites calendly.com as the source.
Imported
2026-05-18
Notes
Only Calendly Blue (#006BFF) is read directly from Calendly's public brand surfaces. Secondary neutrals (mid-grays, dark canvas, hover blue) are authored neutral inversions calibrated to support both modes consistently without fabricating hex values that Calendly does not publish.