Colors

The "St. Jude Cloud Blue" in the top navigation area is the most recognizable branding element for St. Jude Cloud applications. In addition, the colors below are officially-approved St. Jude brand colors. For more detailed information and print color versions, see the St. Jude and St. Jude Cloud Branding Guide.

Adding any of these color variables at the end of a class bg- will make the background-color use that color variable.

St. Jude stjude.org

St. Jude Red

#C10F3A $red

St. Jude Red Dark

#911938 $red-dark

St. Jude Cloud stjude.cloud

Blue

#1874DC $primary / $blue

Dark Blue

#002856 $secondary / $navy

Gray

#AEB2B5 $gray-dark

Gray Light

#F2F2F2 $gray

Darkest Blue

#002044 $navy-dark

Gray Darkest

#333333 $gray-darkest

Green

#62bb46 $green

Peach

#FD5339 $peach

Yellow

#FFD100 $yellow

Aqua

#7AD0E4 $aqua

Green Dark

#5CA132 $success / $pediatric-cancer / $green-dark

Peach Dark

#EB4E36 $peach-dark / $danger / $cancer-survivorship

Yellow Dark

#FFC32C $yellow-dark

Aqua Dark

#17818f $aqua-dark

St. Jude Cloud Domains

Pediatric Cancer

#5CA132 $pediatric-cancer

Cancer Survivorship

#EB4E36 $cancer-survivorship

Nnon-Cancerous Diseases

#8332A7 $non-cancerous-diseases

Visualization Community viz.stjude.cloud

Blue

#1874DC $primary / $blue

Blue Light

#ECF2FA $blue-light

Tan

#EFEEEA $Tan

Teal

#35A7D3 $teal

Yellow

#FFD100 $yellow

Purple

#8332A7 $purple / $info / $non-cancerous-diseases

Teal Light

#EAF6FA

Yellow Light

#FEF7E8 $yellow-light

Purple Light

#F2EBF4 $purple-light

Platform platform.stjude.cloud

Blue

#1874DC $primary / $blue

Dark Blue

#002856 $secondary / $navy

Green Dark

#5CA132 $success / $pediatric-cancer / $green-dark

Yellow Dark

#FFC32C $yellow-dark

PeCan pecan.stjude.cloud

COMING SOON

# $