See above for color value details

IT Nation color
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.

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

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.

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.

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

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.

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

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.

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.

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.

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

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.

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

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

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

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

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

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

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

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

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

See above for color value details

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