This page is not formatted for mobile, it is meant for desktop reference only.

Table of Contents

Logos

Color Option
B/W Option

Brand Colors

Primary

Yellow
Hex #FFB81C

Navy
Hex #002347

Secondary
Hex #54595F

Text
Hex #757575

Secondary

Light Navy
Hex #415B76

White
Hex #FFFFFF

Black
Hex #000000

Accessible Color Combinations for Text

Only use the color combinations listed in the chart. The column on the left represents the background color and the row along the top represents the text or foreground color.

AAA has the highest ratio and is therefore easiest to read. AA is acceptable. AA18 can be used only at font sizes larger than 18 and is really only for titles and bold text.

Background Text
#FFB81C
#002347
#54595F
#757575
#415B76
#FFFFFF
#000000
Yellow
#FFB81C
Text
AAA 9.1
Text
AA18 4
Text
AA18 4
Text
AAA 12.1
Navy
#002347
Text
AAA 9.1
Text
AA18 3.4
Text
AAA 15.7
Secondary
#54595F
Text
AA18 4
Text
AAA 7
Text
#757575
Text
AA18 3.4
Text
AA 4.6
Text
AA 4.5
Light Navy
#415B76
Text
AA18 4
Text
AAA 7
White
#FFFFFF
Text
AAA 15.7
Text
AAA 7
Text
AA 4.6
Text
AAA 7
Text
AAA 21
Black
#000000
Text
AAA 12.1
Text
AA 4.5
Text
AAA 21
AAA Pass, AAA (7+)
AA Pass, AA (4.5+)
AA18 Pass, Large Text Only (3+)
DNP Does Not Pass
About WCAG 2.0 contrast

Typography

H1 - Title Text

H2 - Title Text

H3 - Title Text

H4 - Title Text

H5 - Title Text
H6 - Title Text

Default Fonts

Headings - Sen
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
0 1 2 3 4 5 6 7 8 9
! @ # $ % ^ & * ( )

Body text – Roboto
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
0 1 2 3 4 5 6 7 8 9
! @ # $ % ^ & * ( )

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Buttons