Primary UI colors

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

Official Colors

@brand-primary

#CA6323

@brand-success

#5F1256

@brand-info

#296B8B

@brand-danger

#872716

UNofficial Grays

@gray-dark

#494440

@gray-light

#e4e2e0

Full brand palette

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

@dark-red

#872716

@medium-red

#AB4B3A

@bright-red

#CE6E5D

@light-pink

#F29281

@dark-blue

#296B8B

@medium-blue

#04D8FAF

@bright-blue

#70B2D2

@pale-blue

#94D6F6

@dark-purple

#5F1256

@medium-purple

#83367A

@light-purple

#A6599D

@pale-purple

#CA7DC1

@dark-orange

#CA6323

@medium-orange

#EE8747

@light-orange

#FFAA6A

@pale-orange

#FFCE8E

@black

#000000

@gray-75

#494440

@gray-25

#e4e2e0