Project Description

Colors

Color Palette (Breakdown)
Gradient Backgrounds

Color Palette (Breakdown)

  • The Comcast Business color palette consists of a range of blues which are used to create color gradients and solid color block lines used in print, OOH, and digital.
  • Yellow is provided as an accent color and should be used only to highlight secondary elements like CTAs or offers.
  • Blue 1 is Comcast Business’ primary color and should be used predominantly. Yellow should be used sparingly.
Blues

Blue 1

C: 100
M: 52
Y: 0
K: 0

R: 0
G: 91
B: 187

Hex: #005BBB

Blue 2

C: 100
M: 85
Y: 23
K: 8

R: 29
G: 65
B: 125

Hex: #1D417D

Blue 3

C: 39
M: 8
Y: 2
K: 0

R: 150
G: 201
B: 231

Hex: #96C9E7

Teal

C: 52
M: 0
Y: 22
K: 0

R: 116
G: 203
B: 205

Hex: #74CBCD

Neutrals

Black

C: 0
M: 0
Y: 0
K: 100

R: 0
G: 0
B: 0

Hex: #000000

Grey

C: 22
M:15
Y: 11
K: 32

R: 165
G: 163
B: 170

Hex: #A5A3AA

White

C: 0
M: 0
Y: 0
K: 0

R: 255
G: 255
B: 255

Hex: #FFFFFF

Accent

Yellow

C: 2
M: 16
Y: 80
K: 0

R: 249
G: 209
B: 79

Hex: #F9D14F

Gradient Backgrounds

  • The four gradients are a fluid graphic device for both background usage and as a way to bring more emphasis to our headlines.
  • The four gradients on the right are the only gradients to choose from. The gradients are made using our color palette colors blue 
1, 2, 3, and teal. Each gradient is made up of only two colors.
  • You should never make your own gradient. Never use other colors within the color palette (black, gray, white, or yellow) to create a gradient.
  • The gradients are mainly used in print as a device to call out headlines.

CB_GradientMesh_01.ai

CB_GradientMesh_02.ai

CB_GradientMesh_03.ai

CB_GradientMesh_04.ai