/
Color
The following macros are not currently supported in the header:
  • style

Color

Verint LUX Color Palette

The Verint color palette provides specific colors that can be used in their primary form, as well as in darker shades or lighter tints.

Primary

Verint provides 4 specific primary colors - blue, green, orange, and gray. Darker shades and lighter variations of these can be used as secondary colors within an application.

VERINT BLUE
#007AFF

VERINT GREEN
#00CE7C

 

VERINT ORANGE
#FA6E1E

 

VERINT GRAY
#B0B6BB

Text

Verint provides 5 specific text colors. For the sake of legibility, avoid placing dark text on dark colors, or light text on light colors.

VERINT DEFAULT TEXT
#333333

VERINT MID TEXT
#666666

VERINT LIGHT TEXT
#999999

VERINT DISABLED TEXT
#BBBBBB

VERINT WHITE TEXT
#FFFFFF

Secondary

Darker and lighter variations of our primary colors are used as secondary colors, to fill out the palette range and also support color transitions within components and their states.  

VERINT BLUE

CLOUD
#E1F4FF

SKY
#85CBFF

VERINT BLUE
#007AFF

WATER
#0057BF

DEEP SEA
#0D3E86

VERINT GREEN 

MINT
#DEFFE5

LIME
#82EB96

VERINT GREEN
#00CE7C

EMERALD
#09A761

FOREST
#0D7F46

VERINT ORANGE 

SAND
#FFF0CA

MELON
#F9B569

VERINT ORANGE
#FA6E1E

RUST
#D64C00

BURNT
#993300

VERINT GRAY 

WHITE
#FFFFFF

FOG
#E6E6EC

VERINT GRAY
#B0B6BB

GRAPHITE
#5A6675

ONYX
#262A33

Support

Verint provides the following support colors. 

HELP
#767676

INFO
#007AFF

WARNING
#ff9933

ERROR
#EE0000

Backgrounds

LUX components and patterns may use these background colors.

PANELS
#F3F3F3

CHICLETS
#EBEBEB

Accessibility

Contrast is the most important consideration when making user-friendly color and interface choices. Awareness of standards and best practices is the key to an accessible color selection.

For a complete look at color-related accessibility in LUX, visit the Accessibility section.

Internationalization & Localization

Be aware of the cultural significance of colors. For example, the color red is associated with warning and danger in Western cultures, while it symbolizes luck and happiness in some Asian cultures, such as in China and Japan. Consult the chart below on the common color meanings for different cultures to ensure you don’t make any significant mistakes.

 

 

Some components use variations of the color scheme to maintain accessibility compliance.

Related content

Iconography
More like this
About LUX
More like this
Typography
Read with this
Text Formats
Read with this
Accessibility
Read with this
Fundamentals
Read with this