Skip to content

Visual language / Color


In application design, color should be bold and meaningful. Use color to lead the user through an interface and to draw attention to the most important thing on the screen. Color is useful in creating connections between two elements.

Color palette

Dark gary
Base gray
Medium gray
Light gray
Lighter gray

Text color

Dark text
Base text
Light text
Muted text

Color usage

The primary color in your palette should be the most widely used across all screen and components. Make sure it’s bold, beautiful, and represents your app appropriately.

Some colors have specific meaning, like red representing an error or a dangerous action. Be cognizant of how you’re using color to represent actions in your interface.

© 2021 Jack Henry & Associates, Inc. Trademark notice
Version 0.7.0. Last updated March 23, 2021.