The Micro Focus color palette is what identifies its products as being part of the Micro Focus product family. This robust color palette is broken into six main sections of usage as seen below.
In an effort to meet accessibility standards, the tables below display the contrast ratios for content placed on a black or white background. These Web Content Accessibility Guidelines (WCAG) 2 apply to both content and text and more specific details for contrast ratios related to text are as follows:
- Text that is 14pt or below must meet a 4.5:1 contrast ratio.
- Text that is 14pt and bold or larger than 18pt must meet a 3:1 contrast ratio.
- Contrast ratios also apply to text, non-text content, and images of text.
- Non-text content must meet a 3:1 contrast ratio.
The foundation of Micro Focus’s products are comprised of these primary colors, and you can see them within interfaces and in components like buttons, text, forms, cards, and more.
The dominant color representing our identity is Micro Focus’s brand blue, and it’s apparent throughout all of our applications. In order to meet the W3C accessibility standards for on-screen experiences, we performed comprehensive research on the brand blue and slightly changed the shade to meet these accessibility guidelines. This W3C compliant brand blue can be used both as a background and as text when using either white or black as the opposite color.
The colors from the grayscale are a ubiquitous element of our design system. These neutral shades can be used anywhere and fill the space between the colors and can be seen throughout product interfaces, and in components like tables, labels, buttons, and many more.
Used to represent statuses like validations or errors, and for notifications or alerts.
Supplementary colors that can be used to display severity levels, conditions, or requirements of different items throughout the interface.
Set of additional colors that complement the primary colors. Use them to add variety, differentiation, and to avoid interfaces with too many blues and grays. They are typically found in data visualizations, tags, labels, illustrations, etc.