GOV
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
Basic Colors
These colors are used to make up the bulk of the stlouis-mo.gov templates, and are normally used as background colors.
Dark Blue:
#1e526b
Darker Blue:
#174054
Light Gray:
#f9f9f9
Medium Gray:
#eeeeee
White:
#ffffff
Darkest Gray:
#333333
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.
Base Blue:
#a8d4e8
Darker Blue:
#174054
Light Blue:
#daeff9
Lightest Blue:
#e3f3fb
Greens
Success, growth, addition, positive.
Base Green:
#538400
Darker Green:
#3f6600
Light Green:
#c5dba1
Lightest Green:
#dfeacd
Oranges
Warning, important.
Base Orange:
#e89d07
Dark Orange:
#b86e00
Light Orange:
#f0d397
Lightest Orange:
#f4e6c8
Reds
Error, critical, failure, delete, remove.
Base Red:
#c03221
Darker Red:
#941800
Light Red:
#dbb1a4
Lightest Red:
#ead5ce
Safe to Use Behind White Text
Only a subset of colors are safe to be used as backgrounds for white text.
Blues
Dark Blue:
#1e526b
Darker Blue:
#174054
Greens
Base Green:
#538400
Darker Green:
#3f6600
Reds
Base Red:
#c03221
Darker Red:
#941800
Grays
Darkest Gray:
#333333
