image representing the current explore topic

Styleguide Colors

Styleguide Colors

This lays out all of the colors to be used within the new portal sites. The colors can be found within each site inside the variables.scss file.

Brand Colors

$colorBrand

#003056

$colorBrandLight

#60a7e5

$colorBrandGrey

#7e7d7e

$colorBrandYellow

#ffe800

$colorBrandGreen

#64a869

Blues

$colorBlueLight

#90c2ed

$colorBlueMedium

#60a7e5

$colorDarkBlue

#5392ca

Greens

$colorGreenLight

#93c396

$colorGreenMedium

#64a869

$colorGreenDark

#4f8553

Yellows

$colorYellowLight

#ffe800

$colorYellowMedium

#ffee4c

$colorYellowDark

#e6d100

Greys

$colorGreyLight

#a4a4a4

$colorGreyMedium

#777c84

$colorGreyDark

#646364

Divider Colors

$colorSlate

#333b47

$colorLightBlue

#30445b

$colorCream

#e8e9ea

Text colors

$colorTextDark

#777c84

$colorTextLight

#a4a7ad