The CT.gov design system brings user experiences to life using a palette that supports the CT.gov brand, and also meets all required accessibility standards when applied correctly.
- Use a color contrast checker to make sure text and graphics are easy to read against the background color.
- For text, a contrast ratio of at least 4.5:1 against the background is required.
- For icons and graphics that convey key information or are clickable, a contrast ratio of at least 3:1 against the background is required.
- Logos or decorative images that are on the page for purely aesthetic reasons and convey no meaning are exempt from the color contrast requirements.
Palette
Primary
CT Blue. Color hex code: #1F64E5
CT Dark Blue. Color hex code: #00214D
CT Bold Blue. Color hex code: #003D9C
CT Light Blue. Color hex code: #C6D4FB
CT Dark Gray. Color hex code: #333333
CT Light Gray. Color hex code: #F8F8F8
Secondary
CT Orange. Color hex code: #F27124
CT Yellow. Color hex code: #FAAA19
CT Brown. Color hex code: #BA5803
CT Red. Color hex code: #E91C1F
