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 color palette. However, many of these are rarely used for UI elements.

@dark-red
#872716
@medium-red
#AB4B3A
@bright-red
#CE6E5D
@pale-red
#F29281
@dark-blue
#296B8B
@medium-blue
#4D8FAF
@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

Accessible Color Pairings