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

#004C97

@brand-success

#007A33

@brand-info

#009CDE

@brand-warning

#F3D54E

@brand-danger

#A6192E

Grays

@gray-darker

#222222

@gray-dark

#333333

@gray

#555555

@gray-light

#808080

@gray-lighter

#EEEEEE

Full brand palette

This is the full USPTO color palette. However, many of these are rarely used for UI elements.

@dark-red

#643335

@medium-red

#A6192E

@bright-red

#E4002B

@light-pink

#FABBCB

@dark-blue

#003865

@medium-blue

#004C97

@bright-blue

#009CDE

@pale-blue

#9BB8D3

@dark-green

#004C23

@medium-green

#007A33

@light-green

#7A9A01

@pale-green

#D4EB8E

@dark-purple

#3C1053

@medium-purple

#671E75

@light-purple

#BB16A3

@pale-purple

#C9B1D0

@dark-yellow

#A07400

@medium-yellow

#F2A900

@light-yellow

#F3D54E

@pale-yellow

#EFDBB2

@black

#000000

@gray-75

#63666A

@gray-50

#A7A8AA

@gray-25

#D9D9D6