Colors

Primary UI colors

These are the primary colors used for UI elements. The primary colors have semantic meanings associated with them.

Colors

@brand-primary

#205493

@brand-hightlight

#9BDAF1

@brand-alt

#112E51

Grays

@gray-darker

#323A45

@gray-dark

#5B616B

@gray

#AEb0B5

@gray-light

#D6D7D9

@gray-lighter

#F1F1F1

Full brand palette

This is a partial USWDS color palette. However, many of these are rarely used for UI elements.

@dark-red

#981B1E

@medium-red

*The primary red

#E31C3D

@light-red

#E59393

@lightest-pink

#F9DEDE

@dark-blue

#112E51

@medium-blue

#205493

@bright-blue

#3E94CF

@pale-blue

#9BDAF1

@base-green

#2E8540

@light-green

#4AA564

@lighter-green

#94BFA2

@pale-green

#E7F4E4

@base-gold

#FDB81E

@light-gold

#FAD980

@lighter-gold

#F3D54E

@pale-gold

#FFF1D2

@black

#212121