Color Palette

The Office of Communications created this color palette to work with the maroon and gold of the University. It includes the University's secondary color palette.

Maroon indicates importance: universal header, primary navigation, donation buttons, links.

Gold indicates the visitor’s present location: active tab in navigation and sub-navigation, tabs on the Bio pages. We're also demonstrating the basic grid patterns that can be used to enhance a unit's website.

The following tools can help you coordinate web colors with other materials you produce:

AHC Color Palette Reference Sheet —includes CMYK combinations for print

Download color swatches —upload .ase files to Adobe products (e.g., InDesign)

University Style Tile

This style tile includes common, base styles determined as part of the University of Minnesota Twin Cities homepage redesign in 2014. More information about the style tile can be found on the University Relations branding webpage.

 

Maroon #7a0019

 
 

Light Gold #ffd75f

 
 

Stormy #404d5b

 
 

Sunny #0095b6

 
 

Medium Gray #8a8a8a

 
 

Light Gray #d5d6d2

 
 

Lighter Gray #f0efee

 
 

Off-White #f9f7f6

 

Primary colors

 

#7A0019

 
 

#FFCC33

 

Secondary colors

These secondary colors and tints for electronic publications work well with the University's maroon and gold. More information about the University's secondary color palette can be found on the University Relations branding webpage.

 

#5B0013

 
 

#FFB71E

 
 

#900021

 
 

#FFDE7A

 
 

#0b3d4c

 
 

#809fa6

 
 

#16bbe6

 
 

#87d5eb

 
 

#a3dce8

 
 

#d0edf5

 
 

#ca7a29

 
 

#e5ba7f

 
 

#e98524

 
 

#f6c17e

 
 

#f0cc65

 
 

#f7e7b2

 
 

#726f2d

 
 

#b9b790

 
 

#bcd530

 
 

#dde681

 
 

#dfe670

 
 

#eef2b8

 
 

#616365

 
 

#b7b7b7

 
 

#cccccc

 
 

#d5d6d2

 
 

#ebebeb

 
 

#91785b

 
 

#d3bf96

 
 

#e2d3a4

 
 

#e9debb

 
 

#f0e9d1

 

Academic Health Center palette

 

#E31F26

 
 

#F0483F

 
 

#770026

 
 

#54272b

 
 

#7b4039

 
 

#A93439

 
 

#d48028

 
 

#f18b21

 
 

#f6c65c

 
 

#d15f27

 
 

#f58220

 
 

#fbb055

 
 

#f6b331

 
 

#fdf4d2

 
 

#ffd26d

 
 

#97785e

 
 

#d2b887

 
 

#e2d1a6

 
 

#c88a3b

 
 

#a56a27

 
 

#e1ae6f

 
 

#9c6126

 
 

#714d1e

 
 

#ba752d

 
 

#79712d

 
 

#c1d42f

 
 

#e2e668

 
 

#77bd43

 
 

#4b943b

 
 

#b0d235

 
 

#989636

 
 

#7f7839

 
 

#cfb62c

 
 

#7a9c49

 
 

#6a823a

 
 

#acc37e

 
 

#003b49

 
 

#00b2e2

 
 

#9bdae9

 
 

#68bbaf

 
 

#4c9b98

 
 

#9fd4c9

 
 

#007a78

 
 

#005950

 
 

#00afa9

 
 

#4297b4

 
 

#004f58

 
 

#70b7cb

 
 

#a59483

 
 

#66513d

 
 

#c7b9ac

 
 

#607875

 
 

#405c58

 
 

#9eafac

 
 

#ebeae5

 
 

#ddd6ce

 
 

#BFB6AD

 
 

#ADA7A4

 
 

#8D7F78

 
 

#E0C09F

 
 

#DCD59A

 
 

#D1DDE6

 
 

#CAC7A7

 
 

#9ADBE8

 
 

#BCC9C5

 
 

#ADCAB8

 
 

#B8DDE1

 
 

#C4BCB7

 
 

#D0D3D4

 

Web