Skip to main content
Website Style Guide

Bloomberg School Colors

The Bloomberg School color palette is a select group of colors from the University color palette and supports a broad array if communication goals. This does not mean all colors should be used at once. Please use good design sense and consider the tone of the message in whatever communication you are creating.

Pay close attention to the text color used for each tile. This signals the color that must be used for the copy to be accessible. Not using the appropriate color will result in insufficient contrast and can affect readability.

This guide is specific to PublicHealth.JHU.edu and its related websites. Please review the Bloomberg School's branding tool kit (BSPH ID required) or JHU's brand guidelines for broader design needs.

Primary Colors

Heritage Blue

PMS 288 C
CMYK: 100, 80, 6, 32
RGB: 0, 45, 114
HEX: #002D72

Spirit Blue

PMS 284 C
CMYK: 56, 18, 0, 0
RGB: 104, 172, 229
HEX: #68ACE5

Secondary Palette: Cool Accent Colors

Medium Blue

PMS 285 C
CMYK: 90, 48, 0, 0 
RGB: 0, 119, 216 
HEX: #0077D8 

Harbor Blue

PMS 279 C
CMYK: 68, 34, 0, 0 
RGB: 78, 151, 224 
HEX: #4E97E0 

Mint Green

PMS 564 C
CMYK: 43, 0, 23, 0 
RGB: 134, 200, 188 
HEX: #86C8BC 

Forest Green

PMS 7734 C
CMYK: 77, 0, 82, 65 
RGB: 39, 94, 61 
HEX: #275E3D 

Lime Green

PMS 7490 C
CMYK: 57, 6, 92, 19 
RGB: 118, 160, 76 
HEX: #76A04C 

Lavender

PMS 666 C
CMYK: 36, 39, 2, 5 
RGB: 158, 143, 176 
HEX: #9E8FB0 

Plum

PMS 262 C
CMYK: 58, 92, 12, 54 
RGB: 81, 40, 79 
HEX: #51284F 

Secondary Palette: Warm Accent Colors

Red-Orange

PMS 1505 C
CMYK: 0, 56, 90, 0 
RGB: 245, 102, 0 
HEX: #F56600 

Dark Red

PMS 187 C 
CMYK: 7, 100, 82, 26 
RGB: 166, 25, 46 
HEX: #A6192E 

Maroon

PMS 188 C
CMYK: 16, 100, 65, 58 
RGB: 106, 32, 43 
HEX: #6A202B

Sand

PMS 7407 C
CMYK: 6, 36, 79, 12 
RGB: 203, 160, 82 
HEX: #CBA052 

Light Brown

PMS 7586 C
CMYK: 0, 69, 89, 41 
RGB: 150, 79, 46 
HEX: #964F2E
 

Dark Brown

PMS 4625 C
CMYK: 30, 72, 74, 80 
RGB: 79, 44, 29 
HEX: #4F2C1D 

Grayscale Colors

White

CMYK: 0, 0, 0, 0 
RGB: 255, 255, 255 
HEX: #FFFFFF

Timberwolf

CMYK: 0, 0, 0, 30
RGB: 179, 179, 179
HEX: #B3B3B3

Charcoal

CMYK: 0, 0, 0, 60
RGB: 103, 103, 103
HEX: #676767

Kettle

CMYK: 0, 0, 0, 85
RGB: 38, 38, 38
HEX: #262626

Ice

CMYK: 2, 1, 0, 3
RGB: 242, 245, 248
HEX: #F2F5F8

Alabaster

CMYK: 0, 1, 1, 4
RGB: 246, 244, 244
HEX: #F6F4F4

March 2025 Update

To align with Johns Hopkins University’s updated branding guidelines, the names and build values for many of the colors used throughout PublicHealth.JHU.edu have been updated. The information below has been updated accordingly. 

Color changes

Heritage and Spirit blues were unchanged in this process..

  • Barista | Hex: #4F2C1D → Dark Brown | Hex: #4F2C1D
    (Name change only, color value unchanged)
  • Beet | Hex | #51284F → Plum | Hex: #51284F
    (Name change only, color value unchanged)
  • Brick | Hex: #76232F → Maroon | Hex: #6A202B
  • Custard | | Hex: #CBA052 → Sand | Hex: #CBA052
    (Name change only, color value unchanged)
  • Forest | | Hex: #286140 → Forest Green | Hex: #275E3D
  • Grasshopper | Hex: #719949 → Lime Green | Hex: #76A04C
  • Lake | Hex | #0072CE → Medium Blue | Hex: #0077D8
  • Lilac | Hex: #A192B2 → Lavender | Hex: #9E8FB0
  • Papaya | Hex: #FF6900 → Red-Orange | Hex: #F56600
  • Rust | Hex: #9E5330 → Light Brown | Hex: #964F2E
  • Seafoam | Hex: #86C8BC → Mint Green | Hex: #86C8BC
    (Name change only, color value unchanged)
  • Sky | Hex: #418FDE → Harbor Blue | Hex: #4E97E0
  • Tomato | Hex: #A6192E → Dark Red | Hex: #A6192E
    (Name change only, color value unchanged)

For the colors below, only the color value changed; the name is the same:

  • Alabaster | Hex: #F7F5F2 →  Hex: #F6F4F4( 5% Dark Brown
  • Charcoal | Hex: #6C6C6C →  Hex: #676767(70%  Black)
  • Ice | Hex: #EFF3F7 → I Hex: #F2F5F8 (5% Heritage Blue)
  • Kettle | Hex: #2E2E2E →  Hex: #262626 (85% of Black)
  • Timberwolf | Hex: #B6B6B6 →  Hex: #B3B3B3 ( 35% Black)