{"id":152,"date":"2025-03-10T13:20:40","date_gmt":"2025-03-10T17:20:40","guid":{"rendered":"https:\/\/www.golive.clarku.edu\/jp\/?page_id=152"},"modified":"2025-10-30T11:47:32","modified_gmt":"2025-10-30T15:47:32","slug":"color","status":"publish","type":"page","link":"https:\/\/www.clarku.edu\/wordpress\/build-a-website\/color\/","title":{"rendered":"Color"},"content":{"rendered":"\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p class=\"intro\">Clark&#8217;s color palette offers flexibility on the web.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">The institutional palette<\/h2>\n\n\n\n<p>Clark&#8217;s institutional color palette consists of Clark Red, White, Deep Red, and Warm Gray. These colors lead, and our secondary palette adds complementary and dynamic color schemes.<\/p>\n\n\n\n<p>Because screens project light, colors like Clark Red can appear excessively bright, so we use Deep Red as the dominant color on the website. Use Clark Red for buttons and links against black backgrounds, or pair with Deep Red to create variety.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\"><?xml encoding=\"utf-8\" ?><nav class=\"is-vertical wp-block-navigation is-content-justification-stretch is-layout-flex wp-container-core-navigation-is-layout-353c4f5a wp-block-navigation-is-layout-flex\" aria-label=\"Build a website submenu\"><ul class=\"wp-block-navigation__container  is-vertical wp-block-navigation\"><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/www.clarku.edu\/wordpress\/build-a-website\/writing-for-the-web\/\"><span class=\"wp-block-navigation-item__label\">Writing for the Web<\/span><\/a><\/li><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/www.clarku.edu\/wordpress\/build-a-website\/links\/\"><span class=\"wp-block-navigation-item__label\">Links<\/span><\/a><\/li><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/www.clarku.edu\/wordpress\/build-a-website\/color\/\"><span class=\"wp-block-navigation-item__label\">Color<\/span><\/a><\/li><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/www.clarku.edu\/wordpress\/build-a-website\/images\/\"><span class=\"wp-block-navigation-item__label\">Images<\/span><\/a><\/li><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/www.clarku.edu\/wordpress\/build-a-website\/documents\/\"><span class=\"wp-block-navigation-item__label\">Documents<\/span><\/a><\/li><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/www.clarku.edu\/wordpress\/build-a-website\/accessibility\/\"><span class=\"wp-block-navigation-item__label\">Accessibility<\/span><\/a><\/li><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/www.clarku.edu\/wordpress\/build-a-website\/how-tos\/\"><span class=\"wp-block-navigation-item__label\">How tos<\/span><\/a><\/li><\/ul><\/nav>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns no-gap triple-bottom-margin is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:34%\">\n<div class=\"wp-block-cover has-custom-content-position is-position-bottom-left square\" style=\"min-height:15rem;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-deep-red-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<p class=\"has-text-align-left has-large-font-size\"><strong>Deep Red<\/strong><\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:22%\">\n<div class=\"wp-block-cover has-custom-content-position is-position-bottom-left square\" style=\"min-height:15rem;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-clark-red-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<p class=\"has-text-align-left has-large-font-size\"><strong>Clark Red<\/strong><\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:22%\">\n<div class=\"wp-block-cover has-custom-content-position is-position-bottom-left square has-true-black-color has-text-color has-link-color wp-elements-25b50fb3bd34cfd82404ec449ad569c4\" style=\"min-height:15rem;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-white-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<p class=\"has-text-align-left has-large-font-size\"><strong>White<\/strong><\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:22%\">\n<div class=\"wp-block-cover has-custom-content-position is-position-bottom-left square\" style=\"min-height:15rem;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-warm-gray-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<p class=\"has-text-align-left has-large-font-size\"><strong>Warm Gray<\/strong><\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Secondary palette<\/h2>\n\n\n\n<p>When used to complement Deep Red, Clark Red, and Warm Gray, these colors help us create work that can range from formal to casual and from subtle to bold, as appropriate for the the site&#8217;s purpose and audience. <\/p>\n\n\n\n<p>Use these palettes sparingly; secondary colors are to be used as accent colors and should not compete with red.<\/p>\n\n\n\n<aside class=\"wp-block-group boxout has-light-warm-gray-background-color has-background is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-12dd3699 wp-block-group-is-layout-constrained\"><div style=\"color:inherit\" class=\"eyebrow  has-text-align-left\">TIP<\/div>\n\n\n\n<p>To make Clark&#8217;s site accessible to as many people as possible, use white text on dark colors and black text on light colors.  The color combinations below illustrate appropriate contrast.<\/p>\n<\/aside>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-cover has-custom-content-position is-position-bottom-left square\" style=\"min-height:8rem;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-blue-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<p class=\"has-text-align-left has-large-font-size\"><strong>Blue<\/strong><\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-columns no-gap abut-start is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-cover has-custom-content-position is-position-bottom-left square has-true-black-color has-text-color has-link-color wp-elements-3afce92c75d73b801c53505cd6424335\" style=\"min-height:6rem;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-light-blue-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<p class=\"has-text-align-left\">Light blue<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-cover has-custom-content-position is-position-bottom-left square has-white-color has-text-color has-link-color wp-elements-f18f7686089404f0ad02651abd50e2f0\" style=\"min-height:6rem;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-darker-blue-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<p class=\"has-text-align-left\">Dark blue<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-cover has-custom-content-position is-position-bottom-left square has-white-color has-text-color has-link-color wp-elements-6a90caf340d0a7da66dfe3e7ddc3384d\" style=\"min-height:8rem;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-purple-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<p class=\"has-text-align-left has-large-font-size\"><strong>Purple<\/strong><\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-columns no-gap abut-start is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-cover has-custom-content-position is-position-bottom-left square has-true-black-color has-text-color has-link-color wp-elements-ab34c2e8d74dce61b808c8f3351df065\" style=\"min-height:6rem;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-light-purple-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<p class=\"has-text-align-left\">Light purple<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-cover has-custom-content-position is-position-bottom-left square has-white-color has-text-color has-link-color wp-elements-4158c27661adfd3c4bdef9e0f86f42c3\" style=\"min-height:6rem;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-dark-purple-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<p class=\"has-text-align-left\">Dark purple<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-cover has-custom-content-position is-position-bottom-left square has-true-black-color has-text-color has-link-color wp-elements-2b5b6b10cfe11f5d23e681c2daaf8e13\" style=\"min-height:8rem;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-orange-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<p class=\"has-text-align-left has-large-font-size\"><strong>Orange<\/strong><\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-columns no-gap abut-start is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-cover has-custom-content-position is-position-bottom-left square has-true-black-color has-text-color has-link-color wp-elements-e477cba011334d304ee06ac28e56edc4\" style=\"min-height:6rem;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-light-orange-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<p class=\"has-text-align-left\">Light orange<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-cover has-custom-content-position is-position-bottom-left square has-white-color has-text-color has-link-color wp-elements-654841604a26104369640e673206e522\" style=\"min-height:6rem;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-dark-orange-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<p class=\"has-text-align-left\">Dark orange<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-cover has-custom-content-position is-position-bottom-left square has-true-black-color has-text-color has-link-color wp-elements-9699f455624b3b01497e89d98e4be960\" style=\"min-height:8rem;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-teal-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<p class=\"has-text-align-left has-large-font-size\"><strong>Teal<\/strong><\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-columns no-gap abut-start is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-cover has-custom-content-position is-position-bottom-left square has-true-black-color has-text-color has-link-color wp-elements-62485c425b60fa1ea1375debc334039b\" style=\"min-height:6rem;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-light-teal-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<p class=\"has-text-align-left\">Light teal<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-cover has-custom-content-position is-position-bottom-left square has-white-color has-text-color has-link-color wp-elements-cc47052f421720089c95755cd8415a32\" style=\"min-height:6rem;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-dark-teal-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<p class=\"has-text-align-left\">Dark teal<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns triple-bottom-margin is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-cover has-custom-content-position is-position-bottom-left square has-true-black-color has-text-color has-link-color wp-elements-0d1625616ed94bfb1e4b86fa8d0a8dc7\" style=\"min-height:128px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-yellow-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<p class=\"has-text-align-left has-large-font-size\"><strong>Yellow<\/strong><\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-columns no-gap abut-start is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-cover has-custom-content-position is-position-bottom-left square has-true-black-color has-text-color has-link-color wp-elements-cc6fccc920c32656a0abdeae7b2f7de4\" style=\"min-height:6rem;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-light-yellow-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<p class=\"has-text-align-left\">Light yellow<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-cover has-custom-content-position is-position-bottom-left square has-true-black-color has-text-color has-link-color wp-elements-e0747d04d1f929c7bd01175d365225a7\" style=\"min-height:6rem;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-dark-yellow-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<p class=\"has-text-align-left\">Dark yellow<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-cover has-custom-content-position is-position-bottom-left square has-true-black-color has-text-color has-link-color wp-elements-6e8a05ca796bdd4ed7e6d1bccb7d48d7\" style=\"min-height:8rem;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-green-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<p class=\"has-text-align-left has-large-font-size\"><strong>Green<\/strong><\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-columns no-gap abut-start is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-cover has-custom-content-position is-position-bottom-left square has-true-black-color has-text-color has-link-color wp-elements-a4ceb06d06c97262df70d499231484a5\" style=\"min-height:6rem;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-light-green-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<p class=\"has-text-align-left\">Light green<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-cover has-custom-content-position is-position-bottom-left square has-white-color has-text-color has-link-color wp-elements-c297ed53133d073b222b44adea43952a\" style=\"min-height:6rem;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-dark-green-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<p class=\"has-text-align-left\">Dark green<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Neutrals<\/h2>\n\n\n\n<p>The unsung hero of the website is the neutral palette.  It&#8217;s a set of grays that creates the backdrop for everything we do. <\/p>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-columns no-gap triple-bottom-margin is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-cover has-custom-content-position is-position-bottom-left square\" style=\"min-height:6rem;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-true-black-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<p class=\"has-text-align-left has-large-font-size\"><\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-cover has-custom-content-position is-position-bottom-left square\" style=\"min-height:6rem;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-gray-900-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<p class=\"has-text-align-left has-large-font-size\"><\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-cover has-custom-content-position is-position-bottom-left square has-white-color has-text-color has-link-color wp-elements-916b8fbbeb0964309844b6af78d64edf\" style=\"min-height:6rem;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-gray-800-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<p class=\"has-text-align-left has-large-font-size\"><\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-cover has-custom-content-position is-position-bottom-left square\" style=\"min-height:6rem;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-gray-700-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<p class=\"has-text-align-left has-large-font-size\"><\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-cover has-custom-content-position is-position-bottom-left square\" style=\"min-height:6rem;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-gray-600-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<p class=\"has-text-align-left has-large-font-size\"><\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-cover has-custom-content-position is-position-bottom-left square\" style=\"min-height:6rem;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-gray-500-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<p class=\"has-text-align-left has-large-font-size\"><\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-cover has-custom-content-position is-position-bottom-left square\" style=\"min-height:6rem;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-gray-400-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<p class=\"has-text-align-left has-large-font-size\"><\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-cover has-custom-content-position is-position-bottom-left square\" style=\"min-height:6rem;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-gray-300-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<p class=\"has-text-align-left has-large-font-size\"><\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-cover has-custom-content-position is-position-bottom-left square\" style=\"min-height:6rem;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-gray-200-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<p class=\"has-text-align-left has-large-font-size\"><\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-cover has-custom-content-position is-position-bottom-left square\" style=\"min-height:6rem;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-gray-100-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<p class=\"has-text-align-left has-large-font-size\"><\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-cover has-custom-content-position is-position-bottom-left square\" style=\"min-height:6rem;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-clarku-background-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<p class=\"has-text-align-left has-large-font-size\"><\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-cover has-custom-content-position is-position-bottom-left square\" style=\"min-height:6rem;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-white-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<p class=\"has-text-align-left has-large-font-size\"><\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Clark&#8217;s color palette offers flexibility on the web. The institutional palette Clark&#8217;s institutional color palette consists of Clark Red, White, Deep Red, and Warm Gray. These colors lead, and our secondary palette adds complementary and dynamic color schemes. Because screens project light, colors like Clark Red can appear excessively bright, so we use Deep Red [&hellip;]<\/p>\n","protected":false},"author":13,"featured_media":0,"parent":23,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-152","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.2 (Yoast SEO v27.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Color - ClarkU WordPress<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.clarku.edu\/wordpress\/build-a-website\/color\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Color\" \/>\n<meta property=\"og:description\" content=\"Clark&#8217;s color palette offers flexibility on the web. The institutional palette Clark&#8217;s institutional color palette consists of Clark Red, White, Deep Red, and Warm Gray. These colors lead, and our secondary palette adds complementary and dynamic color schemes. Because screens project light, colors like Clark Red can appear excessively bright, so we use Deep Red [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.clarku.edu\/wordpress\/build-a-website\/color\/\" \/>\n<meta property=\"og:site_name\" content=\"ClarkU WordPress\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-30T15:47:32+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.clarku.edu\\\/wordpress\\\/build-a-website\\\/color\\\/\",\"url\":\"https:\\\/\\\/www.clarku.edu\\\/wordpress\\\/build-a-website\\\/color\\\/\",\"name\":\"Color - ClarkU WordPress\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.clarku.edu\\\/wordpress\\\/#website\"},\"datePublished\":\"2025-03-10T17:20:40+00:00\",\"dateModified\":\"2025-10-30T15:47:32+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.clarku.edu\\\/wordpress\\\/build-a-website\\\/color\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.clarku.edu\\\/wordpress\\\/wp-json\\\/wp\\\/v2\\\/pages\\\/152#breadcrumbs\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":0,\"name\":\"ClarkU\",\"item\":\"https:\\\/\\\/www.clarku.edu\\\/\"},{\"@type\":\"ListItem\",\"position\":1,\"name\":\"ClarkU WordPress\",\"item\":\"https:\\\/\\\/www.clarku.edu\\\/wordpress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.clarku.edu\\\/wordpress\\\/#website\",\"url\":\"https:\\\/\\\/www.clarku.edu\\\/wordpress\\\/\",\"name\":\"ClarkU WordPress\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.clarku.edu\\\/wordpress\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Color - ClarkU WordPress","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.clarku.edu\/wordpress\/build-a-website\/color\/","og_locale":"en_US","og_type":"article","og_title":"Color","og_description":"Clark&#8217;s color palette offers flexibility on the web. The institutional palette Clark&#8217;s institutional color palette consists of Clark Red, White, Deep Red, and Warm Gray. These colors lead, and our secondary palette adds complementary and dynamic color schemes. Because screens project light, colors like Clark Red can appear excessively bright, so we use Deep Red [&hellip;]","og_url":"https:\/\/www.clarku.edu\/wordpress\/build-a-website\/color\/","og_site_name":"ClarkU WordPress","article_modified_time":"2025-10-30T15:47:32+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.clarku.edu\/wordpress\/build-a-website\/color\/","url":"https:\/\/www.clarku.edu\/wordpress\/build-a-website\/color\/","name":"Color - ClarkU WordPress","isPartOf":{"@id":"https:\/\/www.clarku.edu\/wordpress\/#website"},"datePublished":"2025-03-10T17:20:40+00:00","dateModified":"2025-10-30T15:47:32+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.clarku.edu\/wordpress\/build-a-website\/color\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.clarku.edu\/wordpress\/wp-json\/wp\/v2\/pages\/152#breadcrumbs","itemListElement":[{"@type":"ListItem","position":0,"name":"ClarkU","item":"https:\/\/www.clarku.edu\/"},{"@type":"ListItem","position":1,"name":"ClarkU WordPress","item":"https:\/\/www.clarku.edu\/wordpress"}]},{"@type":"WebSite","@id":"https:\/\/www.clarku.edu\/wordpress\/#website","url":"https:\/\/www.clarku.edu\/wordpress\/","name":"ClarkU WordPress","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.clarku.edu\/wordpress\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.clarku.edu\/wordpress\/wp-json\/wp\/v2\/pages\/152","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.clarku.edu\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.clarku.edu\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.clarku.edu\/wordpress\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/www.clarku.edu\/wordpress\/wp-json\/wp\/v2\/comments?post=152"}],"version-history":[{"count":20,"href":"https:\/\/www.clarku.edu\/wordpress\/wp-json\/wp\/v2\/pages\/152\/revisions"}],"predecessor-version":[{"id":576,"href":"https:\/\/www.clarku.edu\/wordpress\/wp-json\/wp\/v2\/pages\/152\/revisions\/576"}],"up":[{"embeddable":true,"href":"https:\/\/www.clarku.edu\/wordpress\/wp-json\/wp\/v2\/pages\/23"}],"wp:attachment":[{"href":"https:\/\/www.clarku.edu\/wordpress\/wp-json\/wp\/v2\/media?parent=152"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}