Color
Overview
Color is an important component of how a brand is perceived. The university color system offers options that allow for creative expression. The palette stems from an exploration of colors that appear in the buildings and grounds on our many campuses, as well as from existing color palettes belonging to our divisions.
Our university color palette is broad to allow for the appropriate expression of our brand. This does not mean all colors should be used at once. In fact, such usage is not recommended. Use good design sense and consider the tone of the message in whatever communication you are creating.
- Name
- Heritage Blue
- PMS
- 288 C
- C
- 100
- M
- 80
- Y
- 6
- K
- 32
- R
- 0
- G
- 45
- B
- 114
- Hex
- #002D72
- Name
- Spirit Blue
- PMS
- 284 C
- C
- 56
- M
- 18
- Y
- 0
- K
- 0
- R
- 114
- G
- 172
- B
- 229
- Hex
- #68ACE5
Primary colors
Johns Hopkins University has a long history with the color blue. One of our primary blue colors should always be used prominently in your designs to act as the identifying color of the university.
You may choose either blue as the signature color in your design. Heritage blue lends itself to more formal or serious applications, while Spirit blue works well in more informal or casual applications.
- PMS
- 1375 C
- C
- 0
- M
- 45
- Y
- 94
- K
- 0
- R
- 255
- G
- 158
- B
- 27
- Hex
- #FF9E1B
- PMS
- 3278 C
- C
- 99
- M
- 0
- Y
- 69
- K
- 0
- R
- 0
- G
- 155
- B
- 119
- Hex
- #009B77
- PMS
- 285 C
- C
- 90
- M
- 48
- Y
- 0
- K
- 0
- R
- 0
- G
- 114
- B
- 206
- Hex
- #0072CE
- PMS
- 7406 C
- C
- 0
- M
- 20
- Y
- 100
- K
- 2
- R
- 241
- G
- 196
- B
- 0
- Hex
- #F1C400
Secondary colors
The secondary color palette is designed to provide creative flexibility. These colors are complementary to the primary blues and were chosen to add warmth and energy to your design.
It is not required to use a color from the secondary palette.
- PMS
- 7407 C
- C
- 6
- M
- 36
- Y
- 79
- K
- 12
- R
- 203
- G
- 160
- B
- 82
- Hex
- #CBA052
- PMS
- 1505 C
- C
- 0
- M
- 56
- Y
- 90
- K
- 0
- R
- 255
- G
- 105
- B
- 0
- Hex
- #FF6900
- PMS
- 7586 C
- C
- 0
- M
- 69
- Y
- 89
- K
- 41
- R
- 158
- G
- 83
- B
- 48
- Hex
- #9E5330
- PMS
- 4625 C
- C
- 30
- M
- 72
- Y
- 74
- K
- 80
- R
- 79
- G
- 44
- B
- 29
- Hex
- #4F2C1D
- PMS
- 486 C
- C
- 0
- M
- 55
- Y
- 50
- K
- 0
- R
- 232
- G
- 146
- B
- 124
- Hex
- #E8927C
- PMS
- 173 C
- C
- 0
- M
- 82
- Y
- 94
- K
- 2
- R
- 207
- G
- 69
- B
- 32
- Hex
- #CF4520
- PMS
- 187 C
- C
- 7
- M
- 100
- Y
- 82
- K
- 26
- R
- 166
- G
- 25
- B
- 46
- Hex
- #A6192E
- PMS
- 188 C
- C
- 16
- M
- 100
- Y
- 65
- K
- 58
- R
- 118
- G
- 35
- B
- 47
- Hex
- #76232F
- PMS
- 262 C
- C
- 58
- M
- 92
- Y
- 12
- K
- 54
- R
- 81
- G
- 40
- B
- 79
- Hex
- #51284F
- PMS
- 7655 C
- C
- 33
- M
- 72
- Y
- 0
- K
- 0
- R
- 161
- G
- 90
- B
- 149
- Hex
- #A15A95
- PMS
- 666 C
- C
- 36
- M
- 39
- Y
- 2
- K
- 5
- R
- 161
- G
- 146
- B
- 178
- Hex
- #A192B2
- PMS
- 279 C
- C
- 68
- M
- 34
- Y
- 0
- K
- 0
- R
- 65
- G
- 143
- B
- 222
- Hex
- #418FDE
- PMS
- 564 C
- C
- 43
- M
- 0
- Y
- 23
- K
- 0
- R
- 134
- G
- 200
- B
- 188
- Hex
- #86C8BC
- PMS
- 7734 C
- C
- 77
- M
- 0
- Y
- 82
- K
- 65
- R
- 40
- G
- 97
- B
- 64
- Hex
- #286140
- PMS
- 7490 C
- C
- 57
- M
- 6
- Y
- 92
- K
- 19
- R
- 113
- G
- 153
- B
- 73
- Hex
- #719949
Accent colors
The accent palette presents a range of colors that provide additional lightness and flavor to your design. These colors should be used to highlight important features, or for visual style elements, such as illustrations and typographic accents. They should be used sparingly relative to the primary and secondary colors. It is not required to use a color from the accent palette.
- Name
- Sable
- PMS
- Black 4 C
- C
- 41
- M
- 57
- Y
- 72
- K
- 90
- R
- 49
- G
- 38
- B
- 29
- Hex
- #31261D
- Name
- White
- C
- 0
- M
- 0
- Y
- 0
- K
- 0
- R
- 255
- G
- 255
- B
- 255
- Hex
- #ffffff
- Name
- Double Black
- C
- 100
- M
- 100
- Y
- 100
- K
- 100
- R
- 0
- G
- 0
- B
- 0
- Hex
- #000000
Grayscale
The grayscale palette includes any tint of PMS Black 4C between 100% and 0% (white). Double Black may be used in situations where increased contrast is required, such as text over a color field.
Color palettes
Your project’s color palette will help establish the tone and express the personality traits of the university. Color palettes can be as simple as a signature blue paired with sable and white, or as complex as the project or campaign determines is appropriate. One of the signature blues should be the dominant color in your palette.
