Color Palette

Primary Color

#00004d

Highlighted Backgrounds and Headings

Secondary Color

Uses Primary Color with
H-15%,S100%,L55

Heading Text Color

Uses Primary Color

Body Text Color

Uses Primary Color with 80% Opacity

Link Color

Uses Green with H-15%, S-10%,L-10%

White

#FFFFFF

Black

#000000

Red

#FF0000

Green

#00FF00

Red

#0000FF

Body Text Light

White

Heading Text Light

White

Border Dark

Uses Primary Color

Border Light

Uses Secondary Color with 25% opacity

Soft Gray

Uses Black with L75%

Dark Gray

Uses Black with L25%

Accent Color

Uses Green with H-75%, S-35%, L0

Success

Uses Green

Warning

Uses Red with H360, S40 ,and L30

Error

Uses Red

 

Background Light Gray

#F5F5F5

 

Background Overlay Dark

Uses Black with 86% Opacity

 

Background Overlay Light

Uses White with 86% Opacity

 

Drop Shadow

Uses Primary Color with 15% Opacity

 

Primary Light

Uses Primary Color with L50%

 

Primary Dark

Uses Primary Color with L-50%

 

Secondary Light

Uses Secondary Color with L75%

 

Secondary Dark

Uses Secondary Color withL-50%