Colors, fonts and graphic elements
The Mines color palette is bold and distinctive. It relies primarily on our heritage colors of dark blue, light blue and Colorado red, along with generous white space. Secondary colors are used to add accent to layouts and should not be used more than 10 percent of the total color composition. By leaning on our heritage colors and plenty of open space, we create a modern, energized look that still celebrates our history.
Colors
Primary Palette
The Mines primary color palette may be used as the dominant fabric colors for merchandise and apparel.
DARK BLUE
95 | 72 | 15 | 62
33 | 49 | 77
#21314d
PMS 533 C
BLASTER BLUE
95 | 72 | 9 | 38
9 | 57 | 108
#09396C
PMS 534 C
LIGHT BLUE
43 | 26 | 3 | 8
135 | 158 | 195
#879EC3
PMS 535 C
COLORADO RED
0 | 80 | 94 | 0
204 | 70 | 40 (web only)
#CC4628 (web only)
PMS 173 C
PALE BLUE
14 | 5 | 1 | 3
207 | 220 | 233
#CFDCE9
PMS 538 C
How should I use Colorado Red on web pages?
Please refrain from using Colorado Red as a background color. Many typeface colors become inaccessible when placed on a Colorado Red background color. Colorado Red may be used as a shape or stroke color and should not make up more than 10 percent of the total color composition.
Neutral Palette
WHITE
0|0|0|0
255 | 255 | 255
#FFFFFF
.
LIGHT GRAY
5 | 9 | 8 | 22
174 | 179 | 184
#AEB3B8
.
SILVER
23 | 17 | 13 | 41
129 | 132 | 138
#81848A
PMS 877 C (metallic)
DARK GRAY*
56 | 48 | 41 | 10
117 | 117 | 125
#75757D
*note: this shade may be used as an accessible color for text on the web.
Accent Palette
The Mines accent color palette should never be used as the dominant fabric color for merchandise and apparel. These colors are meant to be used as accents that make up 10% or less of the total color composition of a piece. These colors should never be used as text colors.
EARTH BLUE
82 | 55 | 0 | 0
2 | 114 | 222
#0272DE
PMS 285 C
(note: this color is best represented in RGB)
MUTED BLUE
66 | 22 | 18 | 0
87 | 162 | 189
#57A2BD
PMS 7696 C
ENERGY YELLOW
11 | 0 | 96 | 0
240 | 246 | 0
#F0F600
PMS 102 C
(note: this color is best represented in RGB)
GOLDEN TECH
6 | 27 | 100 | 0
241 | 185 | 26
#F1B91A
PMS 124 C
ENVIRONMENT GREEN
55 | 0 | 99 | 0
128 | 195 | 66
#80C342
PMS 7488 C
RED FLANNEL
20 | 100 | 100 | 12
180 | 32 | 36
#B42024
PMS 7621 C
Typography
Our communications use four very different typefaces that work together to bring our story to life. They each have their own strengths, so use the following section to guide your font choices for marketing purposes. These typefaces are for print materials only.
Website fonts
Website body text, heading text, and navigation should utilize the alternate substitute Open Sans. Avoid using Oswald, Halyard, Roboto Mono, and Boyrun on web pages, as they may not render correctly in some browsers. For older websites, the legacy fonts Lato for body text and Montserrat for headers and navigation can be retained, with consideration given to transitioning to Open Sans during redesigns.
Halyard
Designer: Darden Studio
Purchase: https://www.dardenstudio.com/typefaces/halyard#display
Activate: https://fonts.adobe.com/fonts/halyard
Acceptable Substitute: Open Sans or Arial
Oswald
Designer: Google Fonts
Purchase: https://fonts.google.com/specimen/Oswald?query=oswald
Acceptable Substitute: Arial Black
Roboto Mono
Designer: Google Fonts
Purchase: https://fonts.google.com/specimen/Roboto+Mono?query=roboto+mono
Acceptable Substitute: Courier New
Boyrun
Designer: Weape Studio
Purchase: http://weapestudio.com/product/boyrun-handwritten-font/
Acceptable Substitute: Rock Salt
Icongraphy
Icons are a great way to add an illustrative element to our brand. Our collection of icons represents the many facets of the Mines experience. Use icons sparingly, in situations where it’s important to convey an idea or experience. Icons should never be the focus of a layout; rather, they should aid in telling the story.
To access the suite of branded icons, contact communications@mines.edu.
Event Inclusivity Icons
Mines has developed a set of event inclusivity icons to help attendees understand what to expect at events. Visit the accessibility site to view and download inclusivity icons.
