transform icon

IT Nation color

The ConnectWise palette consists of blues, oranges, blacks, and white. Working within families of colors creates an appealing and dynamic feel. Using simple, bold pops of color with few gradients reflects the straight forward approach to business that ConnectWise and the IT Nation represent.

Color combinations

The Wise Together Rise Together palette is based on a set combinations of colors between the background and foreground elements. Examples of these combinations are listed below, and then the exact colors are listed in more detial below.

#1 - Black and blue, basic

This treatments features a black background with blue and white supporting elements. No warm colors are used in this treatment.

#2 - Black and blue with orange CTA

The supporting elements are primarily black, white, and blue, but CTA’s and a few key elements are orange to help draw the attention to a specific action.

#3 - Black, orange, and blue

Still focused on having a black background with blue supporting elements, but orange is now represented in both the CTA and the supporting elements to add excitement and color to the design.

#4 - Blue and blue, basic

This treatment features a blue background with blue and white supporting elements. No warm colors are used in this treatment.

#5 - Blue and black with orange CTA

The background here is blue, and the supporting eiements are mainly blue, black, and white. Orange is brought in for CTAs and to bring color and attention to the piece.

#6 - Blue, orange, and black

A blue background with a much more equal mix of blue, black, and orange as its supporting elements.

#7 - Orange and black

This treatment features a yellow background with orange and red supporting elements, with a dash of black if needed. There are no cool colors mixed in this design.

#8 - Black and orange with orange CTA

The background here is black with the warm colors as supporting elements and Orange CTAs. There should never be cool colors in an orange-heavy layout.

#9 - White, orange, and black

This treatment features a white background with black and warm colors being used for all of the supporting elements. There should never be cool colors in an orange-heavy layout.

#10 - White and blue

This treatment features a white background with blue supporting elements. There are no warm colors in this design.

#11 - White, blue, and orange

This treatment features a white background with blue and orange supporting colors.

Tier 1 - Theme color palette

The Wise Together Rise Together color palette revolves around a determined group of treatments, and the colors that fall within.

Off-black

Pantone: Black 6 C
CMYK: 73, 68, 65, 79
RGB: 24, 23, 24
Hex: #181718

Navy

Pantone: 534C
CMYK: 100, 96, 19, 6
RGB: 44, 50, 124
Hex: #2C327C

Light blue

Pantone: 219C
CMYK: 38, 8, 1, 0
RGB: 150, 201, 234
Hex: #96C9EA

Mid blue

Pantone: 306C
CMYK: 81, 4, 5, 0
RGB: 0, 178, 227
Hex: #00B2E3

White

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

Red

Pantone: 1788C
CMYK: 0, 96, 97, 0
RGB: 237, 45, 37
Hex: #ED2D25

CTA orange

Pantone: 165C
CMYK: 1, 75, 99, 0
RGB: 241, 100, 35
Hex: #F16423

Light orange

Pantone: 715C
CMYK: 0, 60, 100, 0
RGB: 244, 130, 32
Hex: #F48220

Yellow

Pantone: 1235C
CMYK: 2, 33, 100, 0
RGB: 248, 178, 24
Hex: #F8B218

Tier 2 - Theme graident palette

Gradients are used as supporting elements, generally within the vector elements of the designs. It should not be super noticable that there are gradients being used in your designs. They should not draw too much attention and should be very secondary

Red to CTA orange

See above for color value details

CTA orange to yellow

See above for color value details

Mid blue to light blue

See above for color value details

Tier 3 - Corporate ConnectWise color palette

Tier 3 is used in very specific one-off cases when it is not appropriate for the theme to be used (ex: the piece may exceed the lifetime of the theme).

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

Main 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

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

Tier 4 - Grayscale color palette

This set of colors represents our grayscale color options.

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