{"id":12,"date":"2016-05-17T06:20:23","date_gmt":"2016-05-17T05:20:23","guid":{"rendered":"http:\/\/beta.devon.gov.uk\/styleguide\/?page_id=12"},"modified":"2024-01-31T15:40:35","modified_gmt":"2024-01-31T15:40:35","slug":"colours","status":"publish","type":"page","link":"https:\/\/www.devon.gov.uk\/standards\/digital-design\/colours\/","title":{"rendered":"Colours"},"content":{"rendered":"<h2>Colour contrast<\/h2>\n<p>Colour contrast between foreground copy and background colours\/textures\/images must adhere to the standards <a href=\"http:\/\/www.w3.org\/TR\/UNDERSTANDING-WCAG20\/visual-audio-contrast-contrast.html\" rel=\"noopener\">recommended by the W3C.<\/a><\/p>\n<p>To test colour contrast try services like: <a href=\"http:\/\/webaim.org\/resources\/contrastchecker\/\" rel=\"noopener\">http:\/\/webaim.org\/resources\/contrastchecker\/<\/a><\/p>\n<h2>DCC colour palette<\/h2>\n<p>The below are the primary colours in the Devon County Council brand.<\/p>\n<ul class=\"colour-palette\">\n<li>\n<div class=\"colour teal\">0<\/div>\n<p>Teal<br \/>\n#00797f<\/li>\n<li>\n<div class=\"colour silvertree\">0<\/div>\n<p>Silver tree<br \/>\n#6fbc84<\/li>\n<\/ul>\n<p>Below are the secondary colours in the complementary palette.<\/p>\n<ul class=\"colour-palette\">\n<li>\n<div class=\"colour ruby\">0<\/div>\n<p>Ruby<br \/>\n#e40844<\/li>\n<li>\n<div class=\"colour lighteningyellow\">0<\/div>\n<p>Lightning yellow<br \/>\n#f49800<\/li>\n<li>\n<div class=\"colour yellowgreen\">0<\/div>\n<p>Yellow green<br \/>\n#b9bb0e<\/li>\n<li>\n<div class=\"colour pelourous\">0<\/div>\n<p>Pelourous<br \/>\n#<span class=\"ui-provider a b c d e f g h i j k l m n o p q r s t u v w x y z ab ac ae af ag ah ai aj ak\" dir=\"ltr\">077bc0<\/span><\/li>\n<li>\n<div class=\"colour vividviolet\">0<\/div>\n<p>Vivid violet<br \/>\n#7f2082<\/li>\n<\/ul>\n<p>Gel, social media icons and primary copy colour.<\/p>\n<ul class=\"colour-palette\">\n<li>\n<div class=\"colour black\">0<\/div>\n<p>Black<br \/>\n#000000<\/li>\n<li>\n<div class=\"colour brightgrey\">0<\/div>\n<p>Bright grey<br \/>\n#2a2e2f<\/li>\n<li>\n<div class=\"colour bluegrey\">0<\/div>\n<p>Primary copy<br \/>\n#404040<\/li>\n<li>\n<div class=\"colour nonamegrey\">0<\/div>\n<p>Noname grey<br \/>\n#f2f2f2<\/li>\n<li>\n<div class=\"colour white border\">0<\/div>\n<p>White<br \/>\n#ffffff<\/li>\n<\/ul>\n<p>While these are fixed, shades of the primary and secondary colours are permitted.<\/p>\n<h3>Extended colour palette and colour contrast<\/h3>\n<p>Our <a class=\"spp-link\" href=\"https:\/\/devoncc.sharepoint.com\/sites\/PublicDocs\/Corporate\/_layouts\/15\/guestaccess.aspx?docid=02c2b3611a6ab48f6b40e0ccef4878a25&amp;authkey=AXQNjdfI0uEu07DBcDoaADk\" rel=\"noopener\">extended palette<\/a> offers dark, light and bright hues and tints. The darkest and lightest colours can be used together. To make sure each new hue or tint, when combined with black or white, met level AAA we have checked every hex code against an online <a href=\"http:\/\/webaim.org\/resources\/contrastchecker\/\" rel=\"noopener\">colour contrast checker tool<\/a>.<\/p>\n<p><a href=\"https:\/\/devoncc.sharepoint.com\/:b:\/s\/PublicDocs\/Corporate\/ERE2KyyrpvZItA4MzvSHiiUBdA2N18jS4S7TsMFwOhoAOQ?e=Pzx8e9\" rel=\"noopener\">View our extended colour palette with colour contrast variations<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Colour contrast Colour contrast between foreground copy and background colours\/textures\/images must adhere to the standards recommended by the W3C. To test colour contrast try services like: http:\/\/webaim.org\/resources\/contrastchecker\/ DCC colour palette The below are the primary colours in the Devon County Council brand. 0 Teal #00797f 0 Silver tree #6fbc84 Below are the secondary colours in [&hellip;]<\/p>\n","protected":false},"author":945,"featured_media":0,"parent":515,"menu_order":20,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"acf":[],"publishpress_future_action":{"enabled":false,"date":"2026-06-01 07:58:25","action":"change-status","newStatus":"draft","terms":[],"taxonomy":"","extraData":[]},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/www.devon.gov.uk\/standards\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.devon.gov.uk\/standards\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.devon.gov.uk\/standards\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.devon.gov.uk\/standards\/wp-json\/wp\/v2\/users\/945"}],"replies":[{"embeddable":true,"href":"https:\/\/www.devon.gov.uk\/standards\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":6,"href":"https:\/\/www.devon.gov.uk\/standards\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":637,"href":"https:\/\/www.devon.gov.uk\/standards\/wp-json\/wp\/v2\/pages\/12\/revisions\/637"}],"up":[{"embeddable":true,"href":"https:\/\/www.devon.gov.uk\/standards\/wp-json\/wp\/v2\/pages\/515"}],"wp:attachment":[{"href":"https:\/\/www.devon.gov.uk\/standards\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}