ClickUp

ClickUp's brand palette, anchored on ClickUp Purple (#7B68EE) — the signature medium-slate purple that carries the wordmark and the gradient-tipped "CU" mark. The institutional voice pairs that purple with a clean white canvas and near-black body text on marketing surfaces. ClickUp's "one app to replace them all" positioning is reinforced by a single committed brand hue.

9 swatches 14 light roles 14 dark roles saasproductivityclickupwork-managementpurple

Swatches

clickup-purple
#7B68EE
Signature medium-slate purple. Primary brand color — used on the wordmark, primary CTAs, and key interactive surfaces.
clickup-white
#FFFFFF
Canvas on light surfaces; reversed wordmark fill.
clickup-black
#000000
Wordmark on light backgrounds; near-black body text.
clickup-canvas-dark
#1B1A2E
Authored dark-mode canvas — deep neutral with a slight purple cast aligned with the brand.
clickup-surface-light
#F6F5FB
Authored panel surface for light mode.
clickup-surface-dark
#2A2A40
Authored elevated surface on dark mode.
clickup-text-secondary
#6B7280
Authored secondary text — neutral mid-gray on light canvas.
clickup-text-tertiary
#9CA3AF
Authored tertiary / muted text.
clickup-purple-hover
#9485F2
Authored softer ClickUp Purple for hover / active states.

Mode role mappings

Light mode (14 roles)

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

Dark mode (14 roles)

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

Provenance

Source
https://clickup.com/press
License
Proprietary — All Rights Reserved
Attribution
ClickUp and the ClickUp logo are trademarks of Mango Technologies, Inc. (d/b/a ClickUp). The primary brand color ClickUp Purple (#7B68EE) is documented on ClickUp's press resources and is independently cross-referenced by the simple-icons brand database, which cites clickup.com as the source.
Imported
2026-05-18
Notes
Only ClickUp Purple (#7B68EE) is read directly from ClickUp's public brand surfaces. The mark also uses pink and yellow gradient stops on marketing surfaces, but those specific hex stops are not catalogued at the brand-atoms palette level to avoid fabrication. Secondary neutrals are authored neutral inversions calibrated to support both modes consistently.