Color

Tier 1 - Main corporate colors

Tier 1 colors are used on top-level corporate-branded marketing materials, including the ConnectWise website.

Main blue
Pantone: 7684C | CMYK: 91, 60, 1, 0
RGB: 0, 103, 177 | Hex: #0067B1Main

Light blue
Pantone: 2985C | CMYK: 59, 6, 0, 0
RGB: 84, 190, 237 | Hex: #54BEED

Main orange
Pantone: 716C | CMYK: 1, 61, 100, 0
RGB: 241, 128, 33 | Hex: #F18021

Black
Pantone: Black 6 C | CMYK: 175, 68, 67, 90
RGB: 0, 0, 0 | Hex: #000000

Gray 4
Pantone: 447C | CMYK: 69, 63, 62, 58
RGB: 51, 51, 51 | Hex: #333333

Gray 3
Pantone: Cool Gray 10 | CMYK: 60, 51, 51, 20
RGB: 102, 102, 102 | Hex: #666666

Gray 2
Pantone: Cool Gray 2 | CMYK: 14, 11, 11, 0
RGB: 216, 216, 216 | Hex: #D8D8D8

Gray 1
Pantone: Cool Gray 1 | CMYK: 5, 3, 3, 0
RGB: 239, 239, 239 | Hex: #EFEFEF

White
Pantone: White | CMYK: 0, 0, 0, 0
RGB: 255, 255, 255 | Hex: #FFFFFF

Tier 2 - Solution colors

Tier 2 is made up of primary, secondary, and tertiary colors for all ConnectWise solutions and can be used for corporate-specific and/or solution-specific designs.

Blue

Secondary
CMYK: 100, 77, 37, 25
RGB: 12, 63, 99 | Hex: #0C3F63

Main
Pantone: 7684C | CMYK: 91, 60, 1, 0
RGB: 0, 103, 177 | Hex: #0067B1

Tertiary
CMYK: 60, 21, 2, 0
RGB: 97, 167, 215 | Hex: #61A7D7

Green

Secondary
CMYK: 78, 34, 100, 24
RGB: 59, 110, 53 | Hex: #3B6E35

Main
Pantone: 367C | CMYK: 50, 1, 92, 0
RGB: 140, 197, 76 | Hex: #8CC54C

Tertiary
CMYK: 26, 0, 56, 0
RGB: 195, 222, 144| Hex: #C3DE90

Purple

Secondary
CMYK: 75, 98, 34, 27
RGB: 81, 34, 89 | Hex: #512259

Main
CMYK: 63, 94, 13, 2
RGB: 121, 54, 132 | Hex: #793684

Tertiary
CMYK: 29, 53, 4, 0
RGB: 181, 133, 181 | Hex: #B585B5

Red

Secondary
CMYK: 27, 100, 93, 27
RGB: 146, 26, 35 | Hex: #921A23

Main
Pantone: 1797C | CMYK: 14, 95, 89, 4
RGB: 204, 50, 50 | Hex: #CC3232

Tertiary
CMYK: 0, 60, 37, 0
RGB: 243, 133, 133 | Hex: #F38585

Orange

Secondary
CMYK: 27, 80, 100, 25
RGB: 150, 67, 33 | Hex: #964321

Main
Pantone: 716C | CMYK: 1, 61, 100, 0
RGB: 241, 128, 33 | Hex: #F18021

Tertiary
CMYK: 0, 35, 62, 0
RGB: 251, 178, 112 | Hex: #FBB270

Light Blue

Secondary
CMYK: 86, 40, 24, 2
RGB: 17, 126, 161 | Hex: #017EA1

Main
Pantone: 2985C | CMYK: 59, 6, 0, 0
RGB: 84, 190, 237 | Hex: #54BEED

Tertiary
CMYK: 31, 0, 3, 0
RGB: 170, 223, 242 | Hex: #AADFF2

Yellow

Secondary
CMYK: 20, 52, 100, 3
RGB: 199, 131, 99 | Hex: #C7832A

Main
Pantone: 7408C | CMYK: 1, 27, 99, 0
RGB: 251, 189, 22 | Hex: #FBBD16

Tertiary
CMYK: 3, 8, 69, 0
RGB: 249, 223, 110 | Hex: #F9DF6E

Teal Green

Secondary
CMYK: 87, 45, 63, 34
RGB: 25, 87, 80 | Hex: #195750

Main
CMYK: 75, 22, 38, 1
RGB: 59, 154, 158 | Hex: #3B9A9E

Tertiary
CMYK: 31, 0, 9, 0
RGB: 172, 223, 230 | Hex: #ACDFE6

Gradients

Gradients are an easy way to add visual interest without distracting from the deliverable’s main elements.

 

Using gradients

Corporate blue gradients can only go from main corporate blue to dark corporate blue.
Gradients are linear by default, but radial gradients can be used in specific cases if needed.
Solution color gradients can only be linear.
When using a logo on a gradient, use the white version of the logo and place it on the gradient’s main color.