Switch to M&TColor
A unified color palette brings consistency to all of Wilmington Trust’s digital products. This anchors brand expression and helps the user navigate the experience with confidence. Limiting each color to its specific use case makes every layout easier to read at a glance.
Accessibility
The colors in this palette and their usages were chosen following the Web Content Accessibility Guidelines (WCAG 2.2) Level AA Standard of the Web Accessibility Initiative of the World Wide Web Consortium (W3C).
To test whether a given combination of these colors passes this standard, visit this free contrast checker. Color contrast is an important consideration in designing accessible experiences, especially for text and background combinations.
Primary Colors
The primary color is the base of the Wilmington Trust color palette. It draws the user to the most important actions or information in a default layout.
Secondary Colors
The palette’s primary colors reinforce Wilmington’s brand association with orange. These colors will draw the user to the most important actions or information in a default layout.
Semantic Colors
The palette’s semantic colors communicate notification feedback using intuitive color associations. Refer to the notifications component for more on proper color usage.
Graphic Colors
Graphs and charts are used sparingly in our products lines, however when they are implemented they should offer a consistent look and feel across the board. The following palette should always be used in any graphs or charts that appear in the interface and the colors should always appear in the order in which they are listed below.
Grayscale Colors
The palette’s grayscale colors fill in a layout, including separation, backgrounds and borders. The grayscale colors are also used to represent unavailable actions.