Skip to main content

Themes

There are five color Themes that will be applied at an Agency level. 

How it Works

Color themes allow Agencies to differentiate themselves while maintaining a cohesive statewide experience. Each theme is composed of a Dark shade, a Bright shade, and a Gray shade. 

How to Use

The dark and bright shades are of the same hue, composed of different shades. The gray is a neutral shade, which balances the palette, and incorporates well with the typography.

Slate Gray

Slate Gray Dark
R70 G70 B70
#464646

USED FOR BACKGROUND COLORS

Slate Gray BRIGHT
R120 G120 B120
#787878

USED FOR BORDERS AND SEPARATORS

PEBBLE Gray
R239 G239 B2399
#EFEFEF

USED FOR BACKGROUND COLORS

Woodland Green

WOODLAND GREEN Dark
R50 G104 B32
#326820

USED FOR BACKGROUND COLORS

WOODLAND GREEN BRIGHT
R102 G155 B65
#669B41

USED FOR BORDERS AND SEPARATORS

Slate Gray Dark
R70 G70 B70
#464646

USED FOR BACKGROUND COLORS

Water Blue

WATER BLUE Dark
R0 G78 B154
#004E9A

USED FOR BACKGROUND COLORS

WATER BLUE BRIGHT
R24 G123 B192
#187BC0

USED FOR BORDERS AND SEPARATORS

Slate Gray Dark
R70 G70 B70
#464646

USED FOR BACKGROUND COLORS

Clay Red

CLAY RED DARK
R145 G65 B21
#914115

USED FOR BACKGROUND COLORS

CLAY RED BRIGHT
R209 G84 B32
#D15420

USED FOR BORDERS AND SEPARATORS

Slate Gray Dark
R70 G70 B70
#464646

USED FOR BACKGROUND COLORS

Prairie Gold

PRAIRIE GOLD DARK
R169 G103 B40
#A96728

USED FOR BACKGROUND COLORS

PRAIRIE GOLD BRIGHT
R222 G144 B399
#DE9027

USED FOR BORDERS AND SEPARATORS

Slate Gray Dark
R70 G70 B70
#464646

USED FOR BACKGROUND COLORS

Last Modified on Sep 29, 2025
Back to Top