The color blue is an essential part of the City’s visual identity. It’s synonymous with being trustworthy, dependable, and secure. Combined with shades of gray and white, the palette provides a welcoming feeling that’s easy to read, clean, and simple.
Use the accent colors to add some pop and draw attention to certain elements. Always use the accent colors sparingly.
dark-ben-franklin-blue
#0f4d90
rgb: (15, 77, 144)
cmyk: (90%, 47%, 0%, 44%)
hsv: (211°, 90%, 56%)
ben-franklin-blue
#2176d2
rgb: (33, 118, 210)
cmyk: (84%, 44%, 0%, 18%)
hsv: (211°, 84%, 82%)
light-ben-franklin
#96c9ff
rgb: (150, 201, 255)
cmyk: (41%, 21%, 0%, 0%)
hsv: (211°, 41%, 100%)
electric-blue
#25cef7
rgb: (243, 198, 19)
cmyk: (0%, 19%, 92%, 5%)
hsv: (48°, 92%, 95%)
bell-yellow
#f3c613
rgb: (243, 198, 19)
cmyk: (0%, 19%, 92%, 5%)
hsv: (48°, 92%, 95%)
flyers-orange
#f99300
rgb: (249, 147, 0)
cmyk: (0%, 41%, 100%, 2%)
hsv: (35°, 100%, 98%)
kelly-drive-green
#58c04d
rgb: (88, 192, 77)
cmyk: (54%, 0%, 60%, 25%)
hsv: (114°, 60%, 75%)
light-bell
#ffefa2
rgb: (255, 239, 162)
cmyk: (0%, 6%, 36%, 0%)
hsv: (50°, 36%, 100%)
light-red
#fed0d0
rgb: (254, 208, 208)
cmyk: (0%, 18%, 18%, 0%)
hsv: (0°, 18%, 100%)
light-kelly-drive
#b9f2b1
rgb: (185, 242, 177)
cmyk: (24%, 0%, 27%, 5%)
hsv: (113°, 27%, 95%)
light-blue
#DAEDFe
rgb: (218, 237, 254)
cmyk: (14%, 7%, 0%, 0%)
hsv: (208°, 14%, 100%)
phanatic-green
#3a833c
rgb: (58, 131, 60)
cmyk: (56%, 0%, 54%, 49%)
hsv: (122°, 56%, 51%)
love-park-red
#cc3000
rgb: (204, 48, 0)
cmyk: (0%, 76%, 100%, 20%)
hsv: (14°, 100%, 80%)
pride-purple
#9400c6
rgb: (148, 0, 198)
cmyk: (25%, 100%, 0%, 22%)
hsv: (285°, 100%, 78%)
black
#000000
rgb: (0, 0, 0)
cmyk: (0%, 0%, 0%, 100%)
hsv: (0°, 0%, 0%)
dark-gray
#444444
rgb: (68, 68, 68)
cmyk: (0%, 0%, 0%, 73%)
hsv: (0°, 0%, 27%)
medium-gray
#a1a1a1
rgb: (161, 161, 161)
cmyk: (0%, 0%, 0%, 37%)
hsv: (0°, 0%, 63%)
sidewalk
#cfcfcf
rgb: (207, 207, 207)
cmyk: (0%, 0%, 0%, 19%)
hsv: (0°, 0%, 81%)
ghost-gray
#f0f0f0
rgb: (240, 240, 240)
cmyk: (0%, 0%, 0%, 6%)
hsv: (0°, 0%, 94%)