Skip to main content

hero banner


Color is used throughout Folwell to provide recognizable visual patterns for visitors, making University of Minnesota websites easier to use and more predictable.

Official maroon and gold should be used prominently on all University websites. Dark and light versions of maroon and gold may be used to complement the official colors. 

Any secondary colors may be used sparingly as an accent with University branding. Exceptions include any combinations that appear similar to other primary color combinations for Universities within the Big10. For secondary accent color options, see the University Relations website.

Usage, Best Practice, and Accessibility


Brand colors

Dark Maroon
Light Maroon
Dark Gold
Light Gold

Neutral colors

Darker Gray
Medium Gray
Lighter Gray
Dark Gray
Light Gray
Off White



The default color palette for Folwell is enabled out of the box.

Best Practice

  • Maroon accent colors should be used very sparingly. Do not use these colors for large backgrounds.
  • Make sure there is a high contrast between your text color and your background color.
  • Avoid placing text over backgrounds with similar color values; this can make reading more difficult.
  • Using a strong primary (or priority) color can pack a lot of meaning, create focus, and highlight features.
  • Keep it simple. Color should not distract from the main message.
  • Use the secondary color palette sparingly as accent colors for your design.


  • Neutral grays for background should be used in combination with text and images that have enough contrast to pass accessibility requirements.
  • All color use must be checked for color contrast to ensure accessibility. See the Color & Contrast page on the Accessible U site for more information about color.