Switch to WilmingtonColor
A unified color palette brings consistency to all of M&T’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 palette’s primary colors reinforce M&T’s brand association with green. These colors will draw the user to the most important actions or information in a default layout.
Secondary Colors
The palette’s secondary color is used to accent a layout. Use this color sparingly to draw a user's eye to certain layout elements.
Semantic Colors
The palette’s semantic colors communicate feedback and status using intuitive color associations. Refer to the notifications component or the feedback and errors and status guidelines for more on proper color usage.
Grayscale Colors
The palette’s grayscale colors fill in the rest of the visual elements in a layout, including text, subtle backgrounds, and borders.