{"id":223,"date":"2025-02-12T14:56:54","date_gmt":"2025-02-12T19:56:54","guid":{"rendered":"https:\/\/mkt.selfregional.org\/edit\/?p=223"},"modified":"2025-02-21T11:12:13","modified_gmt":"2025-02-21T16:12:13","slug":"color-palette","status":"publish","type":"post","link":"https:\/\/mkt.selfregional.org\/edit\/color-palette\/","title":{"rendered":"Color Palette"},"content":{"rendered":"\n
<\/div>\n\n\n\n
\"\"<\/figure>\n\n\n\n
<\/div>\n\n\n\n
\"\"<\/figure>\n\n\n\n
<\/div>\n\n\n\n

Blue<\/h2>\n\n\n\n

I noticed that the Branding Standards <\/a> had the hex color #003399 but my color picker was matching it up slightly different. A common match for Pantone 286 C is the bottom swatch #0030A0. We’re going to stick with the #19458C HEX for the primary blue. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Per comment<\/a> below from Andy. Additional color palette blue is based on 285U with CMYK values of 78, 32, 0, 0 and we also use K at 20% and 60%<\/p>\n\n\n\n

\n
\n \n \n \n<\/svg><\/div>\n<\/div>\n\n\n\n

These are generated using the two primary blues @ -77% saturation & 77\/97% dark\/light gradients. ( see demo<\/a> ) <\/p>\n\n\n\n

\n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n <\/svg>\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n <\/svg>\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n <\/svg>\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n <\/svg><\/div>\n<\/div>\n\n\n\n
<\/div>\n\n\n\n

Green & Tan<\/h2>\n\n\n\n

Abbeville Green – #008578 – Pantone 3283 C
Edgefield Tan – #D9B48F – Pantone 727 C
Blue – #0033A0 – #19458C – Pantone 286 C<\/p>\n\n\n\n

\n
\n \n \n \n<\/svg><\/div>\n<\/div>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\n
\n \n \n \n \n \n \n \n \n <\/svg>\n \n \n \n \n \n \n \n \n <\/svg>\n \n \n \n \n \n \n \n \n <\/svg>\n<\/div>\n<\/div>\n\n\n\n
<\/div>\n\n\n\n

I’m working through multiple choices so that I\u2019ll be able to set the colors in the editor palette to maintain consistency across layouts. We\u2019ll need a \u2018medical\u2019 red for alerts and buttons. We\u2019ll need both dark and light consistent background colors. Traditional medical colors such as scrubs are a good reference. Adjectives: sterile, clean, clear, bright, comforting, soothing, professional, objective. <\/p>\n\n\n\n

<\/div>\n\n\n\n

Edgefield & Abbeville logos<\/h3>\n\n\n\n

haven\u2019t matched the Pantone properly – estimation for now<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Scrubs<\/h3>\n\n\n\n

Focusing primarily on the two lighter shades will give it a very clean and sterile effect with less contrast. I’m leaning heavily towards reducing any inverse layout to keep it ‘clean’. I really like the association with medical from the scrubs colors. <\/p>\n\n\n\n

<\/div>\n\n\n\n
<\/div>\n\n\n\n

Palette <\/h2>\n\n\n\n

I’ve nailed down to this larger palatte and removed the the colors in the lower image for a minimal styling. I was informed that we wanted to stay away form the bright orange\/red spectrum that another system uses, but given the use of red both in medical and as a system alert\/banner\/buttons, I tried to mix it with the existing tan for a more muted tone. <\/p>\n\n\n\n

I’ll work from this palette on the redesign although I may run into cases where I need to an additional color. After the staging is up for preview, I’ll limit the editor. <\/p>\n\n\n\n

<\/div>\n\n\n\n
<\/div>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
<\/div>\n\n\n\n
<\/div>\n\n\n\n
<\/div>\n","protected":false},"excerpt":{"rendered":"

Blue I noticed that the Branding Standards had the hex color #003399 but my color picker was matching it up slightly different. A common match for Pantone 286 C is the bottom swatch #0030A0. We’re going to stick with the #19458C HEX for the primary blue. Per comment below from Andy. Additional color palette blue […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-223","post","type-post","status-publish","format-standard","hentry","category-design"],"_links":{"self":[{"href":"https:\/\/mkt.selfregional.org\/edit\/wp-json\/wp\/v2\/posts\/223","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mkt.selfregional.org\/edit\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mkt.selfregional.org\/edit\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mkt.selfregional.org\/edit\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mkt.selfregional.org\/edit\/wp-json\/wp\/v2\/comments?post=223"}],"version-history":[{"count":79,"href":"https:\/\/mkt.selfregional.org\/edit\/wp-json\/wp\/v2\/posts\/223\/revisions"}],"predecessor-version":[{"id":454,"href":"https:\/\/mkt.selfregional.org\/edit\/wp-json\/wp\/v2\/posts\/223\/revisions\/454"}],"wp:attachment":[{"href":"https:\/\/mkt.selfregional.org\/edit\/wp-json\/wp\/v2\/media?parent=223"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mkt.selfregional.org\/edit\/wp-json\/wp\/v2\/categories?post=223"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mkt.selfregional.org\/edit\/wp-json\/wp\/v2\/tags?post=223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}