See above for color value details
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
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
