Software & SaaS

ClickUp Color Codes

ClickUp's color is violet-blue #7B68EE. The ClickUp color codes in Hex, RGB and CMYK can be found below. Zeb Evans and Alex Yurkowski built it in 2017 as an internal tool for their own marketing agency, where a team of 25 was spread across about 15 different productivity apps. Replacing all of them is still the pitch.

The ClickUp logo, shown for identification. ClickUp is a trademark of its owner and this site is not affiliated with it.

Primary colors

What are ClickUp Primary Colors?

ClickUp's primary color is #7B68EE, a violet-blue that leans lighter than most of the category.

ClickUp publishes no public CMYK or Pantone sheet, so both are shown below as conversions and nearest matches.

ClickUp Violet

Hex	#7B68EE
RGB	123, 104, 238
HSL	hsl(249, 80%, 67%)
CMYK	48%, 56%, 0%, 7%converted · approximate
Pantone	PMS 2725 Cnearest match · not published by the brand

ClickUp Hex Color Codes

ClickUp hex color codes are #7B68EE for violet.

Color	Hex
Violet	#7B68EE

ClickUp RGB Color Codes

ClickUp RGB color codes are 123, 104, 238 for violet. Reach for RGB when a tool wants channel numbers or a CSS alpha value.

Color	RGB
Violet	rgb(123, 104, 238)

ClickUp HSL Color Codes

ClickUp HSL color codes are 249, 80%, 67% for violet. Change the third value for a lighter or darker version without moving the hue.

Color	HSL
Violet	hsl(249, 80%, 67%)

ClickUp CMYK Color Code

ClickUp CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.

Color	CMYK
Violet	48%, 56%, 0%, 7%

ClickUp Pantone Color Codes

ClickUp Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.

Color	Nearest Pantone
Violet	PMS 2725 C

Logo

ClickUp Logo Colors

ClickUp logo colors are a single violet-blue in the flat mark.

ClickUp Logo Colors Palette

What the ClickUp Logo Colors Mean?

The ClickUp logo colors reduce a gradient to one value, and that is worth knowing before you match anything. The live mark runs a three-stop gradient from pink through violet to blue, so no single hex describes it; #7B68EE is the midpoint and the value the brand quotes. A flat version exists precisely because gradients fail in the places a logo has to work, like an embroidered shirt or a one-color print. Expect the app icon and the printed mark to disagree.

ClickUp Logo JPG

ClickUp logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.

Download JPG Trademark of its owner, shown for identification.

ClickUp Logo PNG

ClickUp logo in PNG, with a transparent background. Use it over a colored surface.

Download PNG Trademark of its owner, shown for identification.

ClickUp Logo WebP

ClickUp logo in WebP. Same transparency as the PNG at about a third of the file size.

Download WEBP Trademark of its owner, shown for identification.

ClickUp Color Code Shades

ClickUp color code shades step evenly from the primary toward black, for hover states, borders and shadows.

These are interface steps, not ClickUp paint or trim names.

In code

Using the ClickUp palette

CSS custom properties

:root {
  --clickup-violet: #7B68EE;
}

Contrast against white

Violet	4.15: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.