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 neutral colors are a ubiquitous element of our design system. These neutral shades can be used anywhere and fill the space between the colors. They give the primary and secondary palettes more impact and can be seen throughout product interfaces and in components like tables, labels, buttons, and many more components.
The alternative colors complement the primary colors. Use them to add variety, differentiation, and to avoid interfaces with too many blues and greys.
The status colors are used to represent statuses like validations, errors, and other notifications.
These colors are used in systems with items that need severity differentiation or can also be used as an alternate when the status colors do not allow for a good user experience.