Colors

Colors used on stlouis-mo.gov

The colors on stlouis-mo.gov are designed to communicate dependability, confidence, and trustworthiness. Color combinations must provide enough contrast to be accessible. 

On This Page

  1. Basic Colors
  2. Helper Colors
  3. Colors Safe to be Used Under White Text

Basic Colors

These colors are used to make up the bulk of the stlouis-mo.gov templates, and are normally used as background colors. 

#1e526b

#174054

#eeeae1

#f9f6f0

#fff

#333

Helper Colors

Helper colors are generally used for things like alerts, buttons, and other calls to action. These should be used sparingly so they are not overpowering and do not lose meaning.

Blues

Instruction, calm, assistance.

#a8d4e8

#174054

#e3f3fb

Greens

Success, growth, addition, positive.

#538400

#3f6600

#c5dba1

Oranges

Warning, important.

#e89c08

#b86f00

#f0d297

Reds

Error, critical, failure, delete, remove.

#C03221

#941800

#dbb0a4

Safe to Use Behind White Text

Only a subset of colors are safe to be used as backgrounds for white text. 

Blues

#1e526b

#164054

Greens

#538400

#3f6600

Reds

#C03221

#941800

Grays

#333

Was this page helpful?      



Comments are helpful!
500 character limit

Feedback is anonymous.