Skip to main content
Version: v1.23.x LTS



Color brings a design to life. Color is versatile; it's used to express emotion and tone, as well as place emphasis and create associations. Color should always be used in meaningful and intentional ways to create patterns and visual cues.

Color palette#

The Zowe™ color palette is designed and implemented in a theme-able manner. The universal color variables are determined by common roles and usage; it is not based singularly on a color value (i.e. unique hex code). The same color value might be assigned to multiple variables in a theme's palette when the values have distinctly different roles.

A universal variable can also have multiple associated roles when the color is consistently used across those roles. This allows for uniform color application across themes, while giving each theme the freedom to express its own individuality at a more detailed level.

color palette

Light theme#

default light theme colors

Dark theme#

default dark theme colors

Color contrast | WCAG AA standards#

  • Type colors


  • Body Text (4.5:1)

  • Large Text (3:1): at least 24px / 19px semi-bold

WCAG guidelines:

Contrast Checker Tool: