{"id":60,"date":"2021-03-03T13:17:58","date_gmt":"2021-03-03T19:17:58","guid":{"rendered":"https:\/\/www.macalester.edu\/160-communications\/?page_id=60"},"modified":"2025-04-25T10:09:05","modified_gmt":"2025-04-25T15:09:05","slug":"colors","status":"publish","type":"page","link":"https:\/\/www.macalester.edu\/communications\/macalester-brand-2\/colors\/","title":{"rendered":"Colors"},"content":{"rendered":"<p>Color is an integral part of our brand and with consistent application can help provide impact and brand recognition throughout all communications.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Primary Palette<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"670\" height=\"259\" src=\"https:\/\/www.macalester.edu\/communications\/wp-content\/uploads\/sites\/238\/2021\/03\/primary-colors.png\" alt=\"A grid of six squares showing the primary colors for Macalester's brand.\" class=\"wp-image-61\" srcset=\"https:\/\/www.macalester.edu\/communications\/wp-content\/uploads\/sites\/238\/2021\/03\/primary-colors.png 670w,  https:\/\/www.macalester.edu\/communications\/wp-content\/uploads\/sites\/238\/2021\/03\/primary-colors-300x116.png 300w\" sizes=\"auto, (max-width: 670px) 100vw, 670px\" \/><\/figure>\n\n\n\n<p>The primary color palette consists of the two core Macalester colors MAC Blue (PMS 7694 C) and MAC Orange (PMS 1665 C) along with black, white and two gray values. These should be the predominant colors used throughout our brand materials.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Text Version<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Mac Blue<\/h4>\n\n\n\n<p>Pantone 7694C<br>C:100 M:76 Y:34 K:20<br>R:13 G:60 B:97<br>HEX: 01426A<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Mac Orange<\/h4>\n\n\n\n<p>Pantone 1665C<br>C:00 M:80 Y:95 K:00<br>R:239 G:79 B:38<br>HEX: D44420<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Mac Light Gray<\/h4>\n\n\n\n<p>Pantone 429C<br>C:00 M:00 Y:00 K:45<br>R:147 G:149 B:151<br>HEX: A5ADAF<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Mac Dark Gray<\/h4>\n\n\n\n<p>Pantone 431C<br>C:00 M:00 Y:00 K:75<br>R:88 G:89 B:91<br>HEX: 5B6770<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Mac White<\/h4>\n\n\n\n<p>Pantone NA<br>C:00 M:00 Y:oo K:00<br>R:0 G:0 B:0<br>HEX:FFFFFF<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Mac Black<\/h4>\n\n\n\n<p>Pantone BLACK C<br>C:00 M:00 Y:00 K:100<br>R:255 G:255 B:255<br>HEX:000000<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Secondary Palette<\/h3>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"648\" height=\"215\" src=\"https:\/\/www.macalester.edu\/communications\/wp-content\/uploads\/sites\/238\/2025\/04\/secondary-colors-2025.jpg\" alt=\"\" class=\"wp-image-873\" srcset=\"https:\/\/www.macalester.edu\/communications\/wp-content\/uploads\/sites\/238\/2025\/04\/secondary-colors-2025.jpg 648w,  https:\/\/www.macalester.edu\/communications\/wp-content\/uploads\/sites\/238\/2025\/04\/secondary-colors-2025-300x100.jpg 300w\" sizes=\"auto, (max-width: 648px) 100vw, 648px\" \/><\/figure>\n\n\n\n<p>The secondary colors complement the primary palette while providing energy and visual interest. These colors are intended to be used as accent colors. This can be best achieved through use in type, call-out boxes, background fills, rules and charts.<\/p>\n\n\n\n<p>Pantone\u00ae, CMYK and RGB equivalents for the Macalester colors are listed to assist in color consistency throughout all mediums.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Text Version<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Mac Sky Blue<\/h4>\n\n\n\n<p>Pantone 297C<br>C:52 M:00 Y:05 K:00<br>R:93 G:198 B:233<br>HEX: 72C5E7<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Mac Gold<\/h4>\n\n\n\n<p>Pantone 7549C<br>C:00 M:31 Y:100 K:00<br>R:253 G:174 B:21<br>HEX: FFB500<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Mac Green<\/h4>\n\n\n\n<p>Pantone 370C<br>C:65 M:26 Y:100 K:09<br>R:90 G:130 B:53<br>HEX: 658D3C<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Mac Plum<\/h4>\n\n\n\n<p>Pantone 7649C<br>C:42 M:100 Y:35 K:13<br>R:133 G:29 B:86<br>HEX: 8A1B61<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Mac Red<\/h4>\n\n\n\n<p>Pantone 186C<br>C:12 M:100 Y:92 K:03<br>R:201 G:29 B:41<br>HEX:C8102E<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Accessible Color Contrast Combinations<\/h3>\n\n\n\n<p>To meet U.S. Department of Education web accessibility standards for those online users with vision difficulties, we must use the colors above in ways that ensure the text color has enough contrast with the background color. Below is a list of accessible color combinations (you must use the hex codes for these combinations to be valid).<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Mac Blue:<\/strong> White, Mac Sky Blue, Mac Gold, Mac Light Gray<\/li>\n\n\n\n<li><strong>Mac Orange:<\/strong> Black, White<\/li>\n\n\n\n<li><strong>Mac Light Gray:<\/strong> Black, Mac Blue<\/li>\n\n\n\n<li><strong>Mac Dark Gray:<\/strong> White<\/li>\n\n\n\n<li><strong>Mac Sky Blue:<\/strong> Black, Mac Blue<\/li>\n\n\n\n<li><strong>Mac Gold:<\/strong> Black, Mac Blue<\/li>\n\n\n\n<li><strong>Mac Green:<\/strong> White (24 pt. text size and above only), Black<\/li>\n\n\n\n<li><strong>Mac Plum:<\/strong> White<\/li>\n\n\n\n<li><strong>Mac Red:<\/strong> White<\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Color is an integral part of our brand and with consistent application can help provide impact and brand recognition throughout all communications. Primary Palette The primary color palette consists of the two core Macalester colors MAC Blue (PMS 7694 C) and MAC Orange (PMS 1665 C) along with black, white and two gray values. These [&hellip;]<\/p>","protected":false},"author":516,"featured_media":0,"parent":37,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-60","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.macalester.edu\/communications\/wp-json\/wp\/v2\/pages\/60","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.macalester.edu\/communications\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.macalester.edu\/communications\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.macalester.edu\/communications\/wp-json\/wp\/v2\/users\/516"}],"replies":[{"embeddable":true,"href":"https:\/\/www.macalester.edu\/communications\/wp-json\/wp\/v2\/comments?post=60"}],"version-history":[{"count":6,"href":"https:\/\/www.macalester.edu\/communications\/wp-json\/wp\/v2\/pages\/60\/revisions"}],"predecessor-version":[{"id":877,"href":"https:\/\/www.macalester.edu\/communications\/wp-json\/wp\/v2\/pages\/60\/revisions\/877"}],"up":[{"embeddable":true,"href":"https:\/\/www.macalester.edu\/communications\/wp-json\/wp\/v2\/pages\/37"}],"wp:attachment":[{"href":"https:\/\/www.macalester.edu\/communications\/wp-json\/wp\/v2\/media?parent=60"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}