{"id":64327,"date":"2022-11-30T12:05:00","date_gmt":"2022-11-30T17:05:00","guid":{"rendered":"https:\/\/venngage.com\/blog\/?p=64327"},"modified":"2025-09-15T05:51:06","modified_gmt":"2025-09-15T09:51:06","slug":"accessible-colors","status":"publish","type":"post","link":"https:\/\/venngage.com\/blog\/accessible-colors\/","title":{"rendered":"Guide to Accessible Colors Palettes [Templates Included]"},"content":{"rendered":"<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/venngage.com\/templates\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/BLOG-HEADER-Guide-to-Accessible-Colors.png\" alt=\"A Total Guide to Accessible Colors [Including Palettes &amp; Templates]\" class=\"wp-image-64411\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/BLOG-HEADER-Guide-to-Accessible-Colors.png 1024w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/BLOG-HEADER-Guide-to-Accessible-Colors-300x169.png 300w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/BLOG-HEADER-Guide-to-Accessible-Colors-768x432.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/BLOG-HEADER-Guide-to-Accessible-Colors-730x411.png 730w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div>\n\n\n<p>Color is important. Like,&nbsp;<em>really<\/em>&nbsp;important. So important, that&nbsp;<a href=\"https:\/\/www.digitalinformationworld.com\/2013\/08\/how-colors-influence-people-psychology.html\" target=\"_blank\" rel=\"noreferrer noopener\">93% of people<\/a>&nbsp;report it being the number one factor influencing their purchasing decisions.<br><br>But remember: not everyone experiences color in the same way.&nbsp;<a href=\"https:\/\/www.who.int\/news-room\/fact-sheets\/detail\/blindness-and-visual-impairment\" target=\"_blank\" rel=\"noreferrer noopener\">With over 2.2 billion people<\/a>&nbsp;affected by a visual impairment, failing to <a href=\"https:\/\/venngage.com\/features\/accessible\" target=\"_blank\" rel=\"noreferrer noopener\">design with accessible colors<\/a> in mind is one costly, exclusionary mistake to make.&nbsp;<\/p>\n\n\n\n<p><strong>So to help you appeal to your whole audience, I\u2019ve done a deep dive into all aspects of accessible colors. <\/strong><\/p>\n\n\n\n<p>Keep reading for an infographic overview of what they are, why they matter and how you can easily create be-<em>hue<\/em>-tifully inclusive color pairings \u2014 along with tons of tips, examples and <a href=\"https:\/\/venngage.com\/templates\/accessible\" target=\"_blank\" rel=\"noreferrer noopener\">accessible templates<\/a> too.<\/p>\n\n\n\n<center><a href=\"https:\/\/infograph.venngage.com\/register?features=accessible-design\" target=\"_blank\" rel=\"noopener nofollow\"><button class=\"btn-cta\"><b>CREATE ACCESSIBLE DESIGNS FOR FREE<\/b><\/button><\/a><\/center>&nbsp;\n\n\n\n<p><strong>Click to jump ahead:<\/strong><\/p>\n\n\n\n<ul>\n<li><a href=\"#infographic\">Accessible colors 101 [infographic]<\/a><\/li>\n\n\n\n<li><a href=\"#accessible-colors\">What are accessible colors?&nbsp;<\/a><\/li>\n\n\n\n<li><a href=\"#guidelines\">Color accessibility guidelines<\/a><\/li>\n\n\n\n<li><a href=\"#how-to-choose\">How do you choose accessible colors?&nbsp;<\/a><\/li>\n\n\n\n<li><a href=\"#examples\">10 Examples of accessible color palettes and templates<\/a><\/li>\n\n\n\n<li><a href=\"#why\">Why are accessible colors important?&nbsp;<\/a><\/li>\n\n\n\n<li><a href=\"#color-blindness\">3 Types of color blindness<\/a><\/li>\n\n\n\n<li><a href=\"#tips\">3 quick tips to improve color accessibility<\/a><\/li>\n\n\n\n<li><a href=\"#FAQ\">Accessible colors FAQ<\/a><\/li>\n<\/ul>\n\n\n\n\n\n<h2 class=\"wp-block-heading\" id=\"infographic\"><strong>Accessible colors 101 [Infographic]<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/venngage.com\/templates\/infographics\/accessible-colors-infographic-fc76742f-9427-4420-9309-a02d8ccf7882\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Accessible_Colors_Infographic.png\" alt=\"Accessible Colors 101 Infographic\" class=\"wp-image-64424\" width=\"700\" style=\"box-shadow: 0 1px 4px 0 rgb(0 0 0 \/ 10%), 0 0 6px 0 rgb(0 0 0 \/ 10%), 0 2px 2px -2px rgb(0 0 0 \/ 15%);\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Accessible_Colors_Infographic.png 816w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Accessible_Colors_Infographic-54x300.png 54w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Accessible_Colors_Infographic-768x4282.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Accessible_Colors_Infographic-730x4070.png 730w\" sizes=\"(max-width: 816px) 100vw, 816px\" \/><\/a><\/figure><\/div>\n\n\n\n<center><a href=\"https:\/\/venngage.com\/templates\/infographics\/accessible-colors-infographic-fc76742f-9427-4420-9309-a02d8ccf7882\" target=\"_blank\" rel=\"noopener\"><button class=\"btn-cta\"><b>EDIT THIS INFOGRAPHIC<\/b><\/button><\/a><\/center>&nbsp;\n\n\n\n\n\n<h2 class=\"wp-block-heading\" id=\"accessible-colors\"><strong>What are accessible colors?<\/strong><\/h2>\n\n\n\n<p>Accessible colors are color combinations that have enough contrast to make layered elements (such as text or icons on a background) clearly distinguishable to those visually impaired or deficient in color vision.<br><br>A key component of&nbsp;<a href=\"https:\/\/venngage.com\/blog\/accessible-design\/\" target=\"_blank\" rel=\"noreferrer noopener\">accessible design<\/a>, accessible colors pay consideration to how people with disabilities understand information, in order to ensure all components of a page are&nbsp;<em>accessible<\/em>, legible and inclusive.&nbsp;<\/p>\n\n\n\n<p>Wondering what&nbsp;<em>makes<\/em>&nbsp;a color accessible? For folks who are \u201ccolorblind\u201d, the ability to differentiate certain hues depends on the color contrast ratio \u2014 or the degree of contrast between two layered objects (i.e. foreground and background colors).&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/accessible-colors.png\" alt=\"Example of accessible colors and proper contrast of white and black text against a colored background\" class=\"wp-image-64329\" width=\"700\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/accessible-colors.png 958w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/accessible-colors-300x196.png 300w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/accessible-colors-768x502.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/accessible-colors-730x477.png 730w\" sizes=\"(max-width: 958px) 100vw, 958px\" \/><\/figure><\/div>\n\n\n<p>Established by the World Wide Web Consortium (W3), these contrast ratios are laid out in the&nbsp;<a href=\"https:\/\/www.w3.org\/TR\/WCAG21\/\" target=\"_blank\" rel=\"noreferrer noopener\">Web Content Accessibility Guidelines (WCAG)<\/a>&nbsp;\u2014 a continuously-updated document that defines accessibility standards and provides instructions on how to make digital content accessible to people with sensory impairments.<br><br>I\u2019ll discuss the specifics of those color contrast ratios in a moment. But first, let\u2019s review the types of impairments that require accessible design choices.&nbsp;<\/p>\n\n\n\n<p><strong>Related: <a href=\"https:\/\/venngage.com\/blog\/image-alt-text\/\" target=\"_blank\" rel=\"noreferrer noopener\">Image Alt Text: Definition and Best Practices for Accessible Designs<\/a><\/strong><\/p>\n\n\n\n\n\n<h2 class=\"wp-block-heading\" id=\"guidelines\"><strong>Color accessibility guidelines<\/strong><\/h2>\n\n\n\n<p>The&nbsp;<a href=\"https:\/\/www.w3.org\/TR\/WCAG21\/\" target=\"_blank\" rel=\"noreferrer noopener\">WCAG 2.1<\/a>&nbsp;provides clear recommendations on how to make content accessible for everyone, regardless of disability or device. They\u2019re based on three levels of compliance \u2014 A, AA and AAA \u2014 that stem from the color contrast ratio of layered components.<\/p>\n\n\n\n<p><strong>A&nbsp;&#8211;&nbsp;Minimal accessibility<\/strong><\/p>\n\n\n\n<p>Color combinations with a contrast ratio below 4.5:1 for normal text (and 3:1 for large text and graphics) will cause difficulties for many people with disabilities and impairments.&nbsp;<\/p>\n\n\n\n<p><strong>AA &#8211; Strong accessibility<\/strong><\/p>\n\n\n\n<p>Color pairings with a contrast ratio of 4.5:1 and above provide sufficient accessibility for use in normal text, large text and graphics.&nbsp;<\/p>\n\n\n\n<p><strong>AAA &#8211; Enhanced accessibility<\/strong><\/p>\n\n\n\n<p>Color combinations with a contrast ratio of 7:1 for normal text and 4.5:1 for large text and graphics provide enhanced accessibility. Government sites typically follow these standards.<\/p>\n\n\n\n<p>TLDR:&nbsp;<strong>a minimum color contrast ratio of 4.5:1 is best practice for text and interactive elements to meet the needs of colorblind or visually impaired users.<\/strong><\/p>\n\n\n\n<p>Here\u2019s an example of an accessible infographic that follows a contrast ratio of 4.5:1.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/venngage.com\/templates\/infographics\/4-key-elements-of-a-microlearning-module-infographic-d5d2db22-eb9d-4eb7-a1c4-1495700863f7\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/accessible-colors-4.png\" alt=\"4 Key Elements of a Microlearning Module Infographic - Accessible Colors Examples\" class=\"wp-image-64334\" width=\"700\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/accessible-colors-4.png 1056w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/accessible-colors-4-300x232.png 300w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/accessible-colors-4-1024x791.png 1024w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/accessible-colors-4-768x593.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/accessible-colors-4-730x564.png 730w\" sizes=\"(max-width: 1056px) 100vw, 1056px\" \/><\/a><\/figure><\/div>\n\n\n<center><a href=\"https:\/\/venngage.com\/templates\/infographics\/4-key-elements-of-a-microlearning-module-infographic-d5d2db22-eb9d-4eb7-a1c4-1495700863f7\" target=\"_blank\" rel=\"noopener\"><button class=\"btn-cta\"><b>EDIT THIS ACCESSIBLE TEMPLATE<\/b><\/button><\/a><\/center>&nbsp;\n\n\n\n<p>FYI (yenno, because this blog doesn\u2019t have enough abbreviations), you can customize this template, or any other accessible template, to suit your needs by swapping out the text components within.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>WCAG exceptions<\/strong><\/h3>\n\n\n\n<p>There are three exceptions to the 4.5:1 contrast requirement for text:&nbsp;<\/p>\n\n\n\n<ul>\n<li><strong>Large text:<\/strong>&nbsp;for 18 pt text and larger, or 14 pt&nbsp;<em>bold<\/em>&nbsp;text and larger, a color contrast ratio of 3.1 is acceptable.<\/li>\n\n\n\n<li><strong>Incidental text: <\/strong>text that\u2019s inactive, decorative or unimportant to an image.<\/li>\n\n\n\n<li><strong>Logotypes&nbsp;<\/strong><\/li>\n<\/ul>\n\n\n\n<p>Wondering if these guidelines are legally enforceable? The answer depends on where you live and who you work for. <a href=\"#FAQ\">Check out the FAQ section<\/a> for more information.<\/p>\n\n\n\n<p>And if accessibility guidelines still sound confusing, you can always use an <a href=\"https:\/\/venngage.com\/features\/accessible\">accessibility tool<\/a> to check your designs and ensure their color contrast and design compliance.<\/p>\n\n\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-to-choose\"><strong>How do you choose accessible colors?&nbsp;<\/strong><\/h2>\n\n\n\n<p>In a typical design process, you\u2019d choose a color palette, put together a visual and then manually check it for accessibility using a&nbsp;<a href=\"https:\/\/contrastchecker.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">contrast checker<\/a>&nbsp;or&nbsp;<a href=\"https:\/\/www.color-blindness.com\/coblis-color-blindness-simulator\/\" target=\"_blank\" rel=\"noreferrer noopener\">color blindness simulator<\/a>.&nbsp;<\/p>\n\n\n\n<p>This means you have to mix, match, test and retest, until you\u2019ve found something that works.&nbsp;<\/p>\n\n\n\n<p>Translation: there\u2019s a ton of trial, error and time involved\u2026 so save yourself extra time and effort by flipping this process around!&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/accessible-colors-7.png\" alt=\"accessible colors\" class=\"wp-image-64337\" width=\"700\" style=\"box-shadow: 0 1px 4px 0 rgb(0 0 0 \/ 10%), 0 0 6px 0 rgb(0 0 0 \/ 10%), 0 2px 2px -2px rgb(0 0 0 \/ 15%);\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/accessible-colors-7.png 1562w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/accessible-colors-7-300x106.png 300w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/accessible-colors-7-1024x362.png 1024w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/accessible-colors-7-768x271.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/accessible-colors-7-1536x543.png 1536w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/accessible-colors-7-730x258.png 730w\" sizes=\"(max-width: 1562px) 100vw, 1562px\" \/><\/figure><\/div>\n\n\n\n<p>With&nbsp;<a href=\"https:\/\/venngage.com\/tools\/accessible-color-palette-generator\" target=\"_blank\" rel=\"noreferrer noopener\">Venngage\u2019s 100% free Accessible Color Palette Generator<\/a>, you can generate a range of beautiful, WCAG-compliant color palettes in one of two ways \u2014 no design experience or accessibility knowledge required.<\/p>\n\n\n\n<p>Here\u2019s how it works:<br><br><strong>1. Generate an accessible color palette based on a predetermined color<\/strong><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"500\" height=\"291\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/accessible-colors-1.gif\" alt=\"accessible colors\" class=\"wp-image-64362\" style=\"box-shadow: 0 1px 4px 0 rgb(0 0 0 \/ 10%), 0 0 6px 0 rgb(0 0 0 \/ 10%), 0 2px 2px -2px rgb(0 0 0 \/ 15%);\"\/><\/figure><\/div>\n\n\n\n<p>Have a color in mind (such as a brand color?). All you need to do is input your predetermined HEX color code in the box at the top of the page, and the&nbsp;<a href=\"https:\/\/venngage.com\/tools\/accessible-color-palette-generator\" target=\"_blank\" rel=\"noreferrer noopener\">Accessible Color Palette Generator<\/a>&nbsp;will do the work for you.&nbsp;<\/p>\n\n\n\n<p>I\u2019ll use Venngage\u2019s very own blue as an example\u2026<br><br>After inputting a HEX code, a swatch dot will appear on the left hand side to confirm you haven\u2019t made one of those classic copy paste mistakes.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/accessible-colors-8.png\" alt=\"accessible colors\" class=\"wp-image-64338\" width=\"700\" style=\"box-shadow: 0 1px 4px 0 rgb(0 0 0 \/ 10%), 0 0 6px 0 rgb(0 0 0 \/ 10%), 0 2px 2px -2px rgb(0 0 0 \/ 15%);\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/accessible-colors-8.png 958w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/accessible-colors-8-300x50.png 300w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/accessible-colors-8-768x128.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/accessible-colors-8-730x122.png 730w\" sizes=\"(max-width: 958px) 100vw, 958px\" \/><\/figure><\/div>\n\n\n\n<p>Then, all that\u2019s left is to hit \u2018Generate\u2019, and the tool will produce different palettes with guaranteed accessible color and text pairings.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"500\" height=\"334\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/accessible-colors.gif\" alt=\"accessible colors\" class=\"wp-image-64339\" style=\"box-shadow: 0 1px 4px 0 rgb(0 0 0 \/ 10%), 0 0 6px 0 rgb(0 0 0 \/ 10%), 0 2px 2px -2px rgb(0 0 0 \/ 15%);\"\/><\/figure><\/div>\n\n\n\n<p>This includes:<\/p>\n\n\n\n<ul>\n<li>Vibrant color palettes<\/li>\n\n\n\n<li>Monochromatic color palettes<\/li>\n\n\n\n<li>Contrasting color palettes<\/li>\n\n\n\n<li>Pastel color palettes<\/li>\n\n\n\n<li>Contrasting pastel color palettes<\/li>\n\n\n\n<li>Dark to light \/ light to dark color palettes,&nbsp;<em>oh my!<\/em><\/li>\n<\/ul>\n\n\n\n<p>You\u2019ll also find either black or white text on each shade that confirms the layered combo passes the 4.5:1 contrast ratio required for accessible color design.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/accessible-colors-9.png\" alt=\"accessible colors\" class=\"wp-image-64340\" width=\"700\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/accessible-colors-9.png 790w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/accessible-colors-9-300x171.png 300w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/accessible-colors-9-768x437.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/accessible-colors-9-730x416.png 730w\" sizes=\"(max-width: 790px) 100vw, 790px\" \/><\/figure><\/div>\n\n\n<p><br>Once you\u2019ve found your perfect match (or&nbsp;<em>matches<\/em>, rather), select the download button on the right side to get a copy of the HEX codes as a text file. And there you have it \u2014 <a href=\"https:\/\/venngage.com\/blog\/brand-consistency\/\">brand consistency<\/a>, meet accessibility, meet quickly.<br><br>Or, if you\u2019re a free agent\u2026&nbsp;<\/p>\n\n\n\n<p><strong>2. Generate randomized accessible color palettes<\/strong><br><br>In search of inspiration? Shuffle through endless palette options by clicking the \u2018Random palette\u2019 button at the top of the&nbsp;<a href=\"https:\/\/venngage.com\/tools\/accessible-color-palette-generator\" target=\"_blank\" rel=\"noreferrer noopener\">Accessible Color Palette Generator<\/a>.<br><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><a href=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/ezgif.com-gif-maker-9.gif\"><img decoding=\"async\" loading=\"lazy\" width=\"500\" height=\"253\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/ezgif.com-gif-maker-9.gif\" alt=\"accessible colors\" class=\"wp-image-64505\"style=\"box-shadow: 0 1px 4px 0 rgb(0 0 0 \/ 10%), 0 0 6px 0 rgb(0 0 0 \/ 10%), 0 2px 2px -2px rgb(0 0 0 \/ 15%);\"\n\/><\/a><\/figure><\/div>\n\n\n\n<p>The tool will then choose a HEX color code at random, and use it to generate a range of themed shades. Because who doesn\u2019t love to roll the dice every once in a while?&nbsp;<\/p>\n\n\n\n<p>Again, you\u2019ll see a swatch of the randomly selected color pop up in the HEX code field, so you\u2019ll know exactly what you\u2019re in for. You\u2019ll also see white or black text layered on top of the different color options to confirm accessibility.<br><br>Found a palette most pleasing? Hit the download button and you\u2019re all set.&nbsp;<\/p>\n\n\n\n<p>This tool is truly simple and completely free to use no matter which method you choose, so you can pass those accessibility tests with flying colors.&nbsp;<\/p>\n\n\n\n<blockquote class=\"wp-block-quote\">\n<p>Did you know? Venngage provides a <a href=\"https:\/\/venngage.com\/pdf-checker\" target=\"_blank\" rel=\"noreferrer noopener\">free PDF accessibility checker<\/a> that helps you ensure your documents meet the essential accessibility standards? It lets you quickly identify and fix potential accessibility barriers to make sure your PDFs are inclusive for all users!<\/p>\n<\/blockquote>\n\n\n\n\n\n<h2 class=\"wp-block-heading\" id=\"examples\">10 <strong>Examples of accessible color palettes and templates<\/strong><\/h2>\n\n\n\n<p>With this color palette generator, you have a whole&nbsp;<em>spectrum<\/em>&nbsp;of amazing, accessible palettes available to you in moments. To show off this range, I\u2019ve generated some accessible palettes at random for easy reference.&nbsp;<\/p>\n\n\n\n<p>Below, find examples of accessible color palettes arranged according to color scheme. For good measure, I\u2019ve included a few templates you can easily edit to create beautiful, engaging, inclusive visual communications in the same vein too.<br><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Vibrant accessible color palettes&nbsp;<\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/virbant-color-pallette-1.png\" alt=\"accessible colors\" class=\"wp-image-64398\" width=\"700\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/virbant-color-pallette-1.png 1506w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/virbant-color-pallette-1-300x70.png 300w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/virbant-color-pallette-1-1024x239.png 1024w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/virbant-color-pallette-1-768x180.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/virbant-color-pallette-1-730x171.png 730w\" sizes=\"(max-width: 1506px) 100vw, 1506px\" \/><\/figure><\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/virbant-color-pallette-2.png\" alt=\"accessible colors\" class=\"wp-image-64399\" width=\"700\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/virbant-color-pallette-2.png 1506w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/virbant-color-pallette-2-300x70.png 300w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/virbant-color-pallette-2-1024x239.png 1024w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/virbant-color-pallette-2-768x180.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/virbant-color-pallette-2-730x171.png 730w\" sizes=\"(max-width: 1506px) 100vw, 1506px\" \/><\/figure><\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/virbant-color-pallette.png\" alt=\"accessible colors\" class=\"wp-image-64397\" width=\"700\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/virbant-color-pallette.png 1506w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/virbant-color-pallette-300x70.png 300w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/virbant-color-pallette-1024x239.png 1024w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/virbant-color-pallette-768x180.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/virbant-color-pallette-730x171.png 730w\" sizes=\"(max-width: 1506px) 100vw, 1506px\" \/><\/figure><\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/virbant-color-pallette-3.png\" alt=\"accessible colors\" class=\"wp-image-64400\" width=\"700\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/virbant-color-pallette-3.png 1506w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/virbant-color-pallette-3-300x70.png 300w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/virbant-color-pallette-3-1024x239.png 1024w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/virbant-color-pallette-3-768x180.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/virbant-color-pallette-3-730x171.png 730w\" sizes=\"(max-width: 1506px) 100vw, 1506px\" \/><\/figure><\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/virbant-color-pallette-4.png\" alt=\"accessible colors\" class=\"wp-image-64401\" width=\"700\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/virbant-color-pallette-4.png 1544w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/virbant-color-pallette-4-300x47.png 300w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/virbant-color-pallette-4-1024x162.png 1024w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/virbant-color-pallette-4-768x121.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/virbant-color-pallette-4-1536x243.png 1536w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/virbant-color-pallette-4-730x115.png 730w\" sizes=\"(max-width: 1544px) 100vw, 1544px\" \/><\/figure><\/div>\n\n\n<p>Feeling punchy? Vivacious? Full of life? These bright, intense color palettes have got you covered.<br><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Vibrant accessible color templates<\/h3>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/venngage.com\/templates\/infographics\/employee-resignation-process-infographic-97ed150d-d75a-4a21-a29b-0f82a31fcb53\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Employee-Resignation-Process-Infographic.png\" alt=\"accessible colors\" class=\"wp-image-64364\" width=\"700\" style=\"box-shadow: 0 1px 4px 0 rgb(0 0 0 \/ 10%), 0 0 6px 0 rgb(0 0 0 \/ 10%), 0 2px 2px -2px rgb(0 0 0 \/ 15%);\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Employee-Resignation-Process-Infographic.png 816w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Employee-Resignation-Process-Infographic-148x300.png 148w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Employee-Resignation-Process-Infographic-506x1024.png 506w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Employee-Resignation-Process-Infographic-768x1553.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Employee-Resignation-Process-Infographic-760x1536.png 760w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Employee-Resignation-Process-Infographic-730x1476.png 730w\" sizes=\"(max-width: 816px) 100vw, 816px\" \/><\/a><\/figure><\/div>\n\n\n\n<center><a href=\"https:\/\/venngage.com\/templates\/infographics\/employee-resignation-process-infographic-97ed150d-d75a-4a21-a29b-0f82a31fcb53\" target=\"_blank\" rel=\"noopener\"><button class=\"btn-cta\"><b>EDIT THIS ACCESSIBLE TEMPLATE<\/b><\/button><\/a><\/center>&nbsp;\n\n\n\n<p>Here\u2019s an accessible process infographic template that employs a vivid color scheme.<\/p>\n\n\n\n<p>What\u2019s great is that you can 100% customize its content to suit your needs. If you\u2019re not a fan of these vibrant colors in particular, just use the accessible colors generator and choose a shade with an acceptable contrast ratio for white.<br><br><em>(Note that this only applies to templates that have white text, or white sections backing the text!)<\/em><\/p>\n\n\n\n<p>Alternatively, this kaleidoscopic presentation packs a colorful, accessible punch.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/venngage.com\/templates\/presentations\/geometric-presentation-b16b7086-59c1-420a-b31c-c45cec439fdc\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Geometric-Creative-Presentation.png\" alt=\"accessible colors\" class=\"wp-image-64365\" width=\"700\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Geometric-Creative-Presentation.png 960w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Geometric-Creative-Presentation-236x300.png 236w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Geometric-Creative-Presentation-805x1024.png 805w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Geometric-Creative-Presentation-768x977.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Geometric-Creative-Presentation-730x928.png 730w\" sizes=\"(max-width: 960px) 100vw, 960px\" \/><\/a><\/figure><\/div>\n\n\n<center><a href=\"https:\/\/venngage.com\/templates\/presentations\/geometric-presentation-b16b7086-59c1-420a-b31c-c45cec439fdc\" target=\"_blank\" rel=\"noopener\"><button class=\"btn-cta\"><b>EDIT THIS ACCESSIBLE TEMPLATE<\/b><\/button><\/a><\/center>&nbsp;\n\n\n\n\n\n<h2 class=\"wp-block-heading\" id=\"mono\">Monochromatic accessible color palettes<\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Monochromatic-color-pallette.png\" alt=\"accessible colors\" class=\"wp-image-64366\" width=\"700\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Monochromatic-color-pallette.png 1506w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Monochromatic-color-pallette-300x70.png 300w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Monochromatic-color-pallette-1024x239.png 1024w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Monochromatic-color-pallette-768x180.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Monochromatic-color-pallette-730x171.png 730w\" sizes=\"(max-width: 1506px) 100vw, 1506px\" \/><\/figure><\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Monochromatic-color-pallette-1.png\" alt=\"accessible colors\" class=\"wp-image-64367\" width=\"700\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Monochromatic-color-pallette-1.png 1506w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Monochromatic-color-pallette-1-300x70.png 300w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Monochromatic-color-pallette-1-1024x239.png 1024w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Monochromatic-color-pallette-1-768x180.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Monochromatic-color-pallette-1-730x171.png 730w\" sizes=\"(max-width: 1506px) 100vw, 1506px\" \/><\/figure><\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Monochromatic-color-pallette-2.png\" alt=\"accessible colors\" class=\"wp-image-64369\" width=\"700\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Monochromatic-color-pallette-2.png 1506w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Monochromatic-color-pallette-2-300x70.png 300w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Monochromatic-color-pallette-2-1024x239.png 1024w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Monochromatic-color-pallette-2-768x180.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Monochromatic-color-pallette-2-730x171.png 730w\" sizes=\"(max-width: 1506px) 100vw, 1506px\" \/><\/figure><\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Monochromatic-color-pallette-3.png\" alt=\"accessible colors\" class=\"wp-image-64370\" width=\"700\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Monochromatic-color-pallette-3.png 1506w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Monochromatic-color-pallette-3-300x70.png 300w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Monochromatic-color-pallette-3-1024x239.png 1024w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Monochromatic-color-pallette-3-768x180.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Monochromatic-color-pallette-3-730x171.png 730w\" sizes=\"(max-width: 1506px) 100vw, 1506px\" \/><\/figure><\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Monochromatic-color-pallette-4.png\" alt=\"accessible colors\" class=\"wp-image-64371\" width=\"700\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Monochromatic-color-pallette-4.png 1544w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Monochromatic-color-pallette-4-300x47.png 300w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Monochromatic-color-pallette-4-1024x162.png 1024w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Monochromatic-color-pallette-4-768x121.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Monochromatic-color-pallette-4-1536x243.png 1536w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Monochromatic-color-pallette-4-730x115.png 730w\" sizes=\"(max-width: 1544px) 100vw, 1544px\" \/><\/figure><\/div>\n\n\n<p>Sometimes, you just need more consistency in your life. (Okay, that was deep. Anyway\u2026)<br><br>These monochromatic palettes let you stay true to one hue through-and-through.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Monochromatic accessible templates<\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/venngage.com\/templates\/presentations\/pitch-deck-financial-projection-a95c90ce-5ada-4d15-b70c-78f8e1fb1e88\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Pitch-Deck-Financial-Projection.png\" alt=\"accessible colors\" class=\"wp-image-64372\" width=\"700\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Pitch-Deck-Financial-Projection.png 960w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Pitch-Deck-Financial-Projection-238x300.png 238w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Pitch-Deck-Financial-Projection-814x1024.png 814w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Pitch-Deck-Financial-Projection-768x966.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Pitch-Deck-Financial-Projection-730x919.png 730w\" sizes=\"(max-width: 960px) 100vw, 960px\" \/><\/a><\/figure><\/div>\n\n\n<center><a href=\"https:\/\/venngage.com\/templates\/presentations\/pitch-deck-financial-projection-a95c90ce-5ada-4d15-b70c-78f8e1fb1e88\" target=\"_blank\" rel=\"noopener\"><button class=\"btn-cta\"><b>EDIT THIS ACCESSIBLE TEMPLATE<\/b><\/button><\/a><\/center>&nbsp;\n\n\n\n<p>Layering monochromatic colors on their own is an accessibility faux-pas. To get around it, use white space to break up sections and provide clarity like this presentation template does.&nbsp;<\/p>\n\n\n\n<p>Otherwise, opt for a high contrast combo by layering your lightest and darkest tones.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/venngage.com\/templates\/plans\/nonprofit-healthcare-company-fact-sheet-e94252ca-e20f-487f-8964-de4a1b022162\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Nonprofit-Healthcare-Company-Fact-Sheet-Template.png\" alt=\"accessible colors\" class=\"wp-image-64373\" width=\"700\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Nonprofit-Healthcare-Company-Fact-Sheet-Template.png 1056w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Nonprofit-Healthcare-Company-Fact-Sheet-Template-300x232.png 300w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Nonprofit-Healthcare-Company-Fact-Sheet-Template-1024x791.png 1024w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Nonprofit-Healthcare-Company-Fact-Sheet-Template-768x593.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Nonprofit-Healthcare-Company-Fact-Sheet-Template-730x564.png 730w\" sizes=\"(max-width: 1056px) 100vw, 1056px\" \/><\/a><\/figure><\/div>\n\n\n<center><a href=\"https:\/\/venngage.com\/templates\/plans\/nonprofit-healthcare-company-fact-sheet-e94252ca-e20f-487f-8964-de4a1b022162\" target=\"_blank\" rel=\"noopener\"><button class=\"btn-cta\"><b>EDIT THIS ACCESSIBLE TEMPLATE<\/b><\/button><\/a><\/center>&nbsp;\n\n\n\n<h3 class=\"wp-block-heading\"><br>Contrasting accessible color palettes<\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/contrasting-pallette.png\" alt=\"accessible colors\" class=\"wp-image-64374\" width=\"700\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/contrasting-pallette.png 1506w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/contrasting-pallette-300x70.png 300w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/contrasting-pallette-1024x239.png 1024w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/contrasting-pallette-768x180.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/contrasting-pallette-730x171.png 730w\" sizes=\"(max-width: 1506px) 100vw, 1506px\" \/><\/figure><\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/contrasting-pallette-1.png\" alt=\"accessible colors\" class=\"wp-image-64375\" width=\"700\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/contrasting-pallette-1.png 1506w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/contrasting-pallette-1-300x70.png 300w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/contrasting-pallette-1-1024x239.png 1024w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/contrasting-pallette-1-768x180.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/contrasting-pallette-1-730x171.png 730w\" sizes=\"(max-width: 1506px) 100vw, 1506px\" \/><\/figure><\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/contrasting-pallette-2.png\" alt=\"accessible colors\" class=\"wp-image-64376\" width=\"700\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/contrasting-pallette-2.png 1506w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/contrasting-pallette-2-300x70.png 300w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/contrasting-pallette-2-1024x239.png 1024w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/contrasting-pallette-2-768x180.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/contrasting-pallette-2-730x171.png 730w\" sizes=\"(max-width: 1506px) 100vw, 1506px\" \/><\/figure><\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/contrasting-pallette-4-edited.png\" alt=\"accessible colors\" class=\"wp-image-64439\" width=\"700\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/contrasting-pallette-4-edited.png 1457w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/contrasting-pallette-4-edited-300x70.png 300w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/contrasting-pallette-4-edited-1024x239.png 1024w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/contrasting-pallette-4-edited-768x179.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/contrasting-pallette-4-edited-730x170.png 730w\" sizes=\"(max-width: 1457px) 100vw, 1457px\" \/><\/figure><\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/contrasting-pallette-3.png\" alt=\"accessible colors\" class=\"wp-image-64377\" width=\"700\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/contrasting-pallette-3.png 1506w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/contrasting-pallette-3-300x70.png 300w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/contrasting-pallette-3-1024x239.png 1024w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/contrasting-pallette-3-768x180.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/contrasting-pallette-3-730x171.png 730w\" sizes=\"(max-width: 1506px) 100vw, 1506px\" \/><\/figure><\/div>\n\n\n<p>By splitting the palette into groups of highly contrasting hues, these shades are sure to stand out when used together in a design.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Contrasting accessible templates<\/h3>\n\n\n\n<p>Want your project proposal to speak volumes while still looking sophisticated?&nbsp; <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/venngage.com\/templates\/proposals\/simple-retro-project-proposal-40c732fc-81ed-463b-a307-5faef3d60373\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Project-Business-Proposal.png\" alt=\"accessible colors\" class=\"wp-image-64379\" width=\"700\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Project-Business-Proposal.png 960w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Project-Business-Proposal-115x300.png 115w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Project-Business-Proposal-391x1024.png 391w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Project-Business-Proposal-768x2012.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Project-Business-Proposal-586x1536.png 586w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Project-Business-Proposal-782x2048.png 782w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Project-Business-Proposal-730x1912.png 730w\" sizes=\"(max-width: 960px) 100vw, 960px\" \/><\/a><\/figure><\/div>\n\n\n<center><a href=\"https:\/\/venngage.com\/templates\/proposals\/simple-retro-project-proposal-40c732fc-81ed-463b-a307-5faef3d60373\" target=\"_blank\" rel=\"noopener\"><button class=\"btn-cta\"><b>EDIT THIS ACCESSIBLE TEMPLATE<\/b><\/button><\/a><\/center>&nbsp;\n\n\n\n<p>Look no further than the contrasting teal, tone and charcoal tones layered in this template.<br><br>On the other hand, here\u2019s an infographic that juxtaposes a moody background color with striking pale turquoise accents and white text.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/venngage.com\/templates\/infographics\/big-data-statistical-infographic-1a40ce18-72dc-41b5-8176-acf28f6c10bd\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Big-Data-Statistical-Infographic-Template.png\" alt=\"accessible colors\" class=\"wp-image-64380\" width=\"700\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Big-Data-Statistical-Infographic-Template.png 816w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Big-Data-Statistical-Infographic-Template-88x300.png 88w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Big-Data-Statistical-Infographic-Template-300x1024.png 300w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Big-Data-Statistical-Infographic-Template-768x2621.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Big-Data-Statistical-Infographic-Template-450x1536.png 450w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Big-Data-Statistical-Infographic-Template-600x2048.png 600w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Big-Data-Statistical-Infographic-Template-730x2491.png 730w\" sizes=\"(max-width: 816px) 100vw, 816px\" \/><\/a><\/figure><\/div>\n\n\n<center><a href=\"https:\/\/venngage.com\/templates\/infographics\/big-data-statistical-infographic-1a40ce18-72dc-41b5-8176-acf28f6c10bd\" target=\"_blank\" rel=\"noopener\"><button class=\"btn-cta\"><b>EDIT THIS ACCESSIBLE TEMPLATE<\/b><\/button><\/a><\/center>&nbsp;\n\n\n\n<h3 class=\"wp-block-heading\">Pastel accessible color palettes<\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/pastel-pallette.png\" alt=\"accessible colors\" class=\"wp-image-64381\" width=\"700\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/pastel-pallette.png 1514w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/pastel-pallette-300x51.png 300w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/pastel-pallette-1024x173.png 1024w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/pastel-pallette-768x130.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/pastel-pallette-730x123.png 730w\" sizes=\"(max-width: 1514px) 100vw, 1514px\" \/><\/figure><\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/pastel-pallette-1.png\" alt=\"accessible colors\" class=\"wp-image-64382\" width=\"700\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/pastel-pallette-1.png 1514w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/pastel-pallette-1-300x55.png 300w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/pastel-pallette-1-1024x189.png 1024w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/pastel-pallette-1-768x142.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/pastel-pallette-1-730x135.png 730w\" sizes=\"(max-width: 1514px) 100vw, 1514px\" \/><\/figure><\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/pastel-pallette-4.png\" alt=\"accessible colors\" class=\"wp-image-64402\" width=\"700\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/pastel-pallette-4.png 1506w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/pastel-pallette-4-300x70.png 300w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/pastel-pallette-4-1024x239.png 1024w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/pastel-pallette-4-768x180.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/pastel-pallette-4-730x171.png 730w\" sizes=\"(max-width: 1506px) 100vw, 1506px\" \/><\/figure><\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/pastel-pallette-3.png\" alt=\"accessible colors\" class=\"wp-image-64384\" width=\"700\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/pastel-pallette-3.png 1506w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/pastel-pallette-3-300x70.png 300w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/pastel-pallette-3-1024x239.png 1024w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/pastel-pallette-3-768x180.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/pastel-pallette-3-730x171.png 730w\" sizes=\"(max-width: 1506px) 100vw, 1506px\" \/><\/figure><\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/pastel-pallette-2.png\" alt=\"accessible colors\" class=\"wp-image-64383\" width=\"700\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/pastel-pallette-2.png 1514w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/pastel-pallette-2-300x51.png 300w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/pastel-pallette-2-1024x173.png 1024w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/pastel-pallette-2-768x130.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/pastel-pallette-2-730x123.png 730w\" sizes=\"(max-width: 1514px) 100vw, 1514px\" \/><\/figure><\/div>\n\n\n<p><a href=\"https:\/\/www.vectornator.io\/blog\/pastel-color-palette\/#:~:text=When%20it%20comes%20to%20pastel,and%20easier%20on%20the%20eyes.\" target=\"_blank\" rel=\"noreferrer noopener\">Color psychology<\/a>&nbsp;explains why pastels are so calming and uplifting: with their high brightness and low saturation, these tones are soft, soothing and pleasing for the eyes.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Pastel accessible templates<\/h3>\n\n\n\n<p>Wondering why this template forgoes pastels for its <a href=\"https:\/\/venngage.com\/templates\/charts\/pie\">pie charts<\/a> and graphs? <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/venngage.com\/templates\/reports\/specific-product-sales-and-strategy-sales-report-7670d97f-4876-4bc3-9bd6-e53a03f62d03\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Specific-Product-Sales-and-Strategy-Sales-Report-Template.png\" alt=\"accessible colors\" class=\"wp-image-64385\" width=\"700\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Specific-Product-Sales-and-Strategy-Sales-Report-Template.png 960w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Specific-Product-Sales-and-Strategy-Sales-Report-Template-115x300.png 115w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Specific-Product-Sales-and-Strategy-Sales-Report-Template-393x1024.png 393w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Specific-Product-Sales-and-Strategy-Sales-Report-Template-768x2002.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Specific-Product-Sales-and-Strategy-Sales-Report-Template-589x1536.png 589w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Specific-Product-Sales-and-Strategy-Sales-Report-Template-785x2048.png 785w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Specific-Product-Sales-and-Strategy-Sales-Report-Template-730x1903.png 730w\" sizes=\"(max-width: 960px) 100vw, 960px\" \/><\/a><\/figure><\/div>\n\n\n<center><a href=\"https:\/\/venngage.com\/templates\/reports\/specific-product-sales-and-strategy-sales-report-7670d97f-4876-4bc3-9bd6-e53a03f62d03\" target=\"_blank\" rel=\"noopener\"><button class=\"btn-cta\"><b>EDIT THIS ACCESSIBLE TEMPLATE<\/b><\/button><\/a><\/center>&nbsp;\n\n\n\n<p>Because pastels have low saturation, it\u2019s difficult to achieve a 4.5:1 ratio when layering. Adjusting the level and adding labels ensures your&nbsp;<a href=\"https:\/\/venngage.com\/blog\/color-blind-friendly-palette\/\" target=\"_blank\" rel=\"noreferrer noopener\">data visualizations are color blind-friendly<\/a>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/venngage.com\/templates\/plans\/6-step-process-improvement-plan-8dfaf8b7-a7ae-40cd-9baa-48c545b3a76f\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/6-Step-Process-Improvement-Plan.png\" alt=\"accessible colors\" class=\"wp-image-64386\" width=\"700\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/6-Step-Process-Improvement-Plan.png 816w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/6-Step-Process-Improvement-Plan-232x300.png 232w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/6-Step-Process-Improvement-Plan-791x1024.png 791w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/6-Step-Process-Improvement-Plan-768x994.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/6-Step-Process-Improvement-Plan-730x945.png 730w\" sizes=\"(max-width: 816px) 100vw, 816px\" \/><\/a><\/figure><\/div>\n\n\n<center><a href=\"https:\/\/venngage.com\/templates\/plans\/6-step-process-improvement-plan-8dfaf8b7-a7ae-40cd-9baa-48c545b3a76f\" target=\"_blank\" rel=\"noopener\"><button class=\"btn-cta\"><b>EDIT THIS ACCESSIBLE TEMPLATE<\/b><\/button><\/a><\/center>&nbsp;\n\n\n\n<p>Okay, so this one is a bit of a stretch. But with a few customizations using Venngage\u2019s&nbsp;<a href=\"https:\/\/venngage.com\/templates\/infographics\" target=\"_blank\" rel=\"noreferrer noopener\">intuitive drag and drop editor<\/a>, it\u2019s easy to tweak this infographic so it follows a pastel theme while remaining accessible. Here\u2019s how:<\/p>\n\n\n\n<ol>\n<li>Decrease the saturation of the colors housing the bullet points.<\/li>\n\n\n\n<li>Change the white lines separating each section to dark lines.<\/li>\n\n\n\n<li>Add a black outline to the icon bubbles.<\/li>\n<\/ol>\n\n\n\n<p>Three steps, and you\u2019re done.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Dark to light accessible color palettes<\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/dark-pallette.png\" alt=\"accessible colors\" class=\"wp-image-64387\" width=\"700\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/dark-pallette.png 1544w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/dark-pallette-300x47.png 300w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/dark-pallette-1024x162.png 1024w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/dark-pallette-768x121.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/dark-pallette-1536x243.png 1536w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/dark-pallette-730x115.png 730w\" sizes=\"(max-width: 1544px) 100vw, 1544px\" \/><\/figure><\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/dark-pallette-1.png\" alt=\"accessible colors\" class=\"wp-image-64388\" width=\"700\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/dark-pallette-1.png 1544w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/dark-pallette-1-300x47.png 300w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/dark-pallette-1-1024x162.png 1024w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/dark-pallette-1-768x121.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/dark-pallette-1-1536x243.png 1536w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/dark-pallette-1-730x115.png 730w\" sizes=\"(max-width: 1544px) 100vw, 1544px\" \/><\/figure><\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/dark-pallette-2.png\" alt=\"accessible colors\" class=\"wp-image-64389\" width=\"700\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/dark-pallette-2.png 1544w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/dark-pallette-2-300x47.png 300w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/dark-pallette-2-1024x162.png 1024w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/dark-pallette-2-768x121.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/dark-pallette-2-1536x243.png 1536w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/dark-pallette-2-730x115.png 730w\" sizes=\"(max-width: 1544px) 100vw, 1544px\" \/><\/figure><\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/dark-pallette-3.png\" alt=\"accessible colors\" class=\"wp-image-64390\" width=\"700\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/dark-pallette-3.png 1544w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/dark-pallette-3-300x47.png 300w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/dark-pallette-3-1024x162.png 1024w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/dark-pallette-3-768x121.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/dark-pallette-3-1536x243.png 1536w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/dark-pallette-3-730x115.png 730w\" sizes=\"(max-width: 1544px) 100vw, 1544px\" \/><\/figure><\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/dark-pallette-4.png\" alt=\"accessible colors\" class=\"wp-image-64391\" width=\"700\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/dark-pallette-4.png 1544w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/dark-pallette-4-300x47.png 300w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/dark-pallette-4-1024x162.png 1024w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/dark-pallette-4-768x121.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/dark-pallette-4-1536x243.png 1536w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/dark-pallette-4-730x115.png 730w\" sizes=\"(max-width: 1544px) 100vw, 1544px\" \/><\/figure><\/div>\n\n\n<p>Last but not least, these palettes contain analogous shades (<a href=\"https:\/\/venngage.com\/blog\/how-to-pick-colors\/\" target=\"_blank\" rel=\"noreferrer noopener\">in color theory<\/a>: neighboring hues on the color wheel) that transition from dark to light tones.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Dark to light accessible templates<\/h3>\n\n\n\n<p>This timeline infographic employs color in a particularly clever way, conveying the progression of time via tone.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/venngage.com\/templates\/infographics\/nonprofit-fundraising-timeline-e770b893-cba5-4c1d-ac40-51bb3f62532d\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Nonprofit-Fundraising-Timeline-Template.png\" alt=\"accessible colors\" class=\"wp-image-64392\" width=\"700\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Nonprofit-Fundraising-Timeline-Template.png 1056w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Nonprofit-Fundraising-Timeline-Template-300x232.png 300w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Nonprofit-Fundraising-Timeline-Template-1024x791.png 1024w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Nonprofit-Fundraising-Timeline-Template-768x593.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Nonprofit-Fundraising-Timeline-Template-730x564.png 730w\" sizes=\"(max-width: 1056px) 100vw, 1056px\" \/><\/a><\/figure><\/div>\n\n\n<center><a href=\"https:\/\/venngage.com\/templates\/infographics\/nonprofit-fundraising-timeline-e770b893-cba5-4c1d-ac40-51bb3f62532d\" target=\"_blank\" rel=\"noopener\"><button class=\"btn-cta\"><b>EDIT THIS ACCESSIBLE TEMPLATE<\/b><\/button><\/a><\/center>&nbsp;\n\n\n\n<p>Meanwhile, this informational infographic keeps things clean with two crowd-pleasing hues: navy blue and periwinkle.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/venngage.com\/templates\/infographics\/workday-talent-acquisition-infographic-05aac6dd-ad23-4e5b-9183-35328f5e91b7\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Workday-Talent-Acquisition-Infographic.png\" alt=\"accessible colors\" class=\"wp-image-64393\" width=\"700\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Workday-Talent-Acquisition-Infographic.png 816w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Workday-Talent-Acquisition-Infographic-94x300.png 94w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Workday-Talent-Acquisition-Infographic-320x1024.png 320w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Workday-Talent-Acquisition-Infographic-768x2455.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Workday-Talent-Acquisition-Infographic-481x1536.png 481w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Workday-Talent-Acquisition-Infographic-641x2048.png 641w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/Workday-Talent-Acquisition-Infographic-730x2333.png 730w\" sizes=\"(max-width: 816px) 100vw, 816px\" \/><\/a><\/figure><\/div>\n\n\n<center><a href=\"https:\/\/venngage.com\/templates\/infographics\/workday-talent-acquisition-infographic-05aac6dd-ad23-4e5b-9183-35328f5e91b7\" target=\"_blank\" rel=\"noopener\"><button class=\"btn-cta\"><b>EDIT THIS ACCESSIBLE TEMPLATE<\/b><\/button><\/a><\/center>&nbsp;\n\n\n\n<h2 class=\"wp-block-heading\" id=\"why\"><strong>Why is choosing accessible colors important?&nbsp;<\/strong><\/h2>\n\n\n\n<p>At this point, we\u2019ve covered a few reasons why using accessible colors is important. But for posterity, I\u2019ll review\u2026&nbsp;<\/p>\n\n\n\n<p>First and foremost, accessible colors make your designs usable and legible to those with visual impairments. By empowering these groups to interact with visual environments the same way non-impacted folks do, accessible design choices show your entire audience they\u2019re seen and supported by your organization.<\/p>\n\n\n\n<p>(Why anyone would want to alienate 360 million people \u2014 <em>and counting<\/em>! \u2014 is beyond me.)<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/venngage.com\/templates\/infographics\/diversity-and-inclusion-terminology-infographic-dbc47165-dee4-478f-a0b9-313a54a5338a\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/accessible-colors-5.png\" alt=\"accessible colors\" class=\"wp-image-64335\" width=\"700\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/accessible-colors-5.png 816w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/accessible-colors-5-232x300.png 232w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/accessible-colors-5-791x1024.png 791w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/accessible-colors-5-768x994.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/accessible-colors-5-730x945.png 730w\" sizes=\"(max-width: 816px) 100vw, 816px\" \/><\/a><\/figure><\/div>\n\n\n<center><a href=\"https:\/\/venngage.com\/templates\/infographics\/diversity-and-inclusion-terminology-infographic-dbc47165-dee4-478f-a0b9-313a54a5338a\" target=\"_blank\" rel=\"noopener\"><button class=\"btn-cta\"><b>EDIT THIS ACCESSIBLE TEMPLATE<\/b><\/button><\/a><\/center>&nbsp;\n\n\n\n<p>What\u2019s more, using accessible colors is a wholesale way to prioritize equity and inclusion. Folks with low vision, and even those without any impairments, will benefit from more clear, distinguishable UX designs.&nbsp;<\/p>\n\n\n\n<p>With&nbsp;<a href=\"https:\/\/venngage.com\/blog\/graphic-design-trends\/\" target=\"_blank\" rel=\"noreferrer noopener\">inclusive visuals top-of-mind<\/a>&nbsp;for consumers in 2023, you have every reason to prioritize accessibility.<\/p>\n\n\n\n<p>And while WCAG compliance isn\u2019t mandatory for private businesses yet, legal troubles for those who don\u2019t follow these guidelines abound. <\/p>\n\n\n\n<p>In 2021,&nbsp;<a href=\"https:\/\/www.boia.org\/blog\/web-accessibility-lawsuits-dramatically-rose-in-2021.-heres-why\" target=\"_blank\" rel=\"noreferrer noopener\">more web accessibility lawsuits than ever&nbsp;<\/a>were filed against businesses for violating the American Disabilities Act (<a href=\"#FAQ\">see FAQ for more info<\/a>). If these cases are anything to go by, today\u2019s best practices could become tomorrow\u2019s requirements.&nbsp;<\/p>\n\n\n\n<p>So, clear ethical choice. Smart business decision. No matter what you call it, using accessible colors is the right thing to do.<\/p>\n\n\n\n<p>Convinced? Cool. Now, let\u2019s discuss how you can pick inclusive pairings.&nbsp;<br><br><strong>Related: <\/strong><a href=\"https:\/\/venngage.com\/blog\/ada-standards-for-accessible-design\/\" target=\"_blank\" rel=\"noreferrer noopener\">ADA Standards for Accessible Design<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"tips\"><strong>3 Quick tips to improve color accessibility<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"quick\"><strong>1. Avoid problematic color combinations<\/strong><\/h3>\n\n\n\n<p>Because of the way color blindness affects vision, the following low-contrast color combinations tend to present an accessibility issue when layered:<\/p>\n\n\n\n<ul>\n<li>Red and green<\/li>\n\n\n\n<li>Green and brown<\/li>\n\n\n\n<li>Green and blue<\/li>\n\n\n\n<li>Blue and gray<\/li>\n\n\n\n<li>Blue and purple<\/li>\n\n\n\n<li>Green and gray<\/li>\n\n\n\n<li>Green and black<\/li>\n<\/ul>\n\n\n\n<p>That said, if you\u2019re set on a certain combination for your designs, it\u2019s not the end of the world. You can always\u2026<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>2. Break up low contrast colors with white space or dark space&nbsp;<\/strong><\/h3>\n\n\n\n<p>A simple way to get around issues pairing low contrast colors is to clearly define each section by separating them&nbsp;<a href=\"https:\/\/venngage.com\/blog\/white-space-design\/\" target=\"_blank\" rel=\"noreferrer noopener\">using white space<\/a>&nbsp;or dark space. (Many of the templates listed above do exactly that).<\/p>\n\n\n\n<p>To figure out which to use, simply input the color\u2019s HEX value into the free accessible color palette generator, and reference the matching hue on the page.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>3. Apply icons, underlining, labels and patterns to distinguish elements<\/strong><\/h3>\n\n\n\n<p>When in doubt, don\u2019t rely on color as your only indicator alone. It\u2019s best practice to add another layer of visual differentiation to the mix \u2014 particularly for interactive elements,&nbsp;<a href=\"https:\/\/venngage.com\/blog\/data-visualization\/\" target=\"_blank\" rel=\"noreferrer noopener\">data visualizations<\/a>&nbsp;and error states.<br><br>For example, writing out&nbsp;<strong>links<\/strong>&nbsp;in blue font isn\u2019t enough. Underlining hyperlinks ensures everyone will understand where to click.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/accessible-colors-12.png\" alt=\"accessible colors\" class=\"wp-image-64404\" width=\"700\" style=\"box-shadow: 0 1px 4px 0 rgb(0 0 0 \/ 10%), 0 0 6px 0 rgb(0 0 0 \/ 10%), 0 2px 2px -2px rgb(0 0 0 \/ 15%);\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/accessible-colors-12.png 1222w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/accessible-colors-12-300x92.png 300w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/accessible-colors-12-1024x313.png 1024w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/accessible-colors-12-768x234.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/accessible-colors-12-730x223.png 730w\" sizes=\"(max-width: 1222px) 100vw, 1222px\" \/><\/figure><\/div>\n\n\n\n<p><strong>Icons<\/strong>&nbsp;or&nbsp;<strong>text labels&nbsp;<\/strong>should highlight error states or system warnings that would otherwise go unnoticed.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><a href=\"https:\/\/uxmovement.com\/buttons\/the-myths-of-color-contrast-accessibility\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" width=\"540\" height=\"204\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/color-accessibility.png\" alt=\"accessible colors\" class=\"wp-image-64394\" style=\"box-shadow: 0 1px 4px 0 rgb(0 0 0 \/ 10%), 0 0 6px 0 rgb(0 0 0 \/ 10%), 0 2px 2px -2px rgb(0 0 0 \/ 15%);\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/color-accessibility.png 540w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/color-accessibility-300x113.png 300w\" sizes=\"(max-width: 540px) 100vw, 540px\" \/><\/a><\/figure><\/div>\n\n\n\n<p>And patterns can up the visual distinction for those with monochromatic vision, like in this example from&nbsp;<a href=\"https:\/\/twitter.com\/trello\/status\/543420024166174721?lang=en\" target=\"_blank\" rel=\"noreferrer noopener\">Trello<\/a>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/twitter.com\/trello\/status\/543420024166174721?lang=en\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" width=\"483\" height=\"218\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/accessible-colors-10.png\" alt=\"accessible colors\" class=\"wp-image-64395\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/accessible-colors-10.png 483w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/accessible-colors-10-300x135.png 300w\" sizes=\"(max-width: 483px) 100vw, 483px\" \/><\/a><\/figure><\/div>\n\n\n<p>For more tips on designing for people with color vision deficiency, check out this post: <a href=\"https:\/\/venngage.com\/blog\/color-blind-design\/\" target=\"_blank\" rel=\"noreferrer noopener\">Color Blind Design Guidelines: How to Convey Meaning to Everyone [With Examples &amp; Templates]<\/a><\/p>\n\n\n\n\n\n<h2 class=\"wp-block-heading\" id=\"color-blindsnes\"><strong>3 Types of color blindness<\/strong><\/h2>\n\n\n\n<p>Despite the name, over 99% of \u201ccolorblind\u201d individuals<em>&nbsp;can<\/em>&nbsp;actually see color \u2014 just not in the same way as those who aren\u2019t impacted.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.allaboutvision.com\/conditions\/color-blindness\/types-of-color-blindness\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" width=\"330\" height=\"290\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/accessible-colors-2.png\" alt=\"accessible colors\" class=\"wp-image-64331\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/accessible-colors-2.png 330w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/accessible-colors-2-300x264.png 300w\" sizes=\"(max-width: 330px) 100vw, 330px\" \/><\/a><\/figure><\/div>\n\n\n<p><strong>Red-green color blindness&nbsp;<\/strong><\/p>\n\n\n\n<p>The most common form of red-green colorblindness is deuteronomaly. Affecting 5% of males, this deficiency makes it difficult to distinguish red and green colors, or separate blue pigments from purple.<br><\/p>\n\n\n\n<p><strong>Blue-yellow color blindness<\/strong><\/p>\n\n\n\n<p>Vision deficiencies affecting the ability to differentiate blue and yellow tones are much more rare, but they impact men and women equally. With blue-yellow color blindness, blue will look more like green, yellow will look more like gray or violet, and pink will be hard to distinguish.<\/p>\n\n\n\n<p><strong>Complete color blindness<\/strong><\/p>\n\n\n\n<p>Though extremely rare, there are some people who have&nbsp;<em>monochromacy<\/em>&nbsp;\u2014 the inability to distinguish between any colors at all.<\/p>\n\n\n\n<p>With&nbsp;<a href=\"https:\/\/www.colorblindguide.com\/post\/colorblind-people-population-live-counter\" target=\"_blank\" rel=\"noreferrer noopener\">over 360 million \u201ccolorblind\u201d people in the world<\/a>&nbsp;(and counting!), the importance of using accessible colors in your communication designs cannot be overstated.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/midtownvision.com\/blog-posts\/types-color-blindness\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" width=\"275\" height=\"183\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/accessible-colors-3.png\" alt=\"Normal vision, red-green and blue-yellow color vision deficiency examples\" class=\"wp-image-64332\"\/><\/a><\/figure><\/div>\n\n\n<p>This comparison shows why differentiating interactive components, system warnings and success\/error states through high contrast colors is vital. You can imagine how frustrating it would be to read a page with incomprehensible text, or to try and figure out what property to adjust on a form when an error is only indicated via red outline.&nbsp;<\/p>\n\n\n\n<p>In other words, making your communications usable and legible to those visually impaired helps ensure all the time and energy spent designing really counts.&nbsp;<\/p>\n\n\n\n<p>Let\u2019s take a look at those color contrast ratios in more detail.&nbsp;<\/p>\n\n\n\n\n\n<h2 class=\"wp-block-heading\" id=\"FAQ\"><strong>Accessible colors FAQ<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"faq-question-1\"><strong>What is a WCAG color?&nbsp;<\/strong><\/h3>\n\n\n\n<p>A WCAG color is shorthand for a color combination that\u2019s accessible and usable to most folks with color vision deficiencies. These colors must be paired with elements or text that adheres to the acceptable level of contrast for web color accessibility as defined by the&nbsp;<a href=\"https:\/\/www.w3.org\/TR\/2008\/REC-WCAG20-20081211\/#visual-audio-contrast-contrast\" target=\"_blank\" rel=\"noreferrer noopener\">Web Content Accesiblity Guidelines<\/a>&nbsp;(WCAG): 4.5:1.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"faq-question-2\"><strong>What is AA and AAA in color contrast?<\/strong><\/h3>\n\n\n\n<p>In color contrast, AA and AAA describe the level that color schemes (or palettes) conforms to the accessibility standards set by the&nbsp;<a href=\"https:\/\/www.w3.org\/TR\/2008\/REC-WCAG20-20081211\/#visual-audio-contrast-contrast\" target=\"_blank\" rel=\"noreferrer noopener\">WCAG<\/a>.<br><br>Level AA is the middle level of compliance that works with most assistive technologies, and requires a (color) contrast ratio of 4.5:1 for normal text and 3.1 for large text in order to be distinguishable for those who are colorblind. <\/p>\n\n\n\n<p>Level AAA is the gold standard level for accessibility compliance used by government sites and requires a contrast ratio of 7:1 for normal text and 4.5:1 for large text.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"faq-question-3\"><strong>Are the WCAG guidelines legally enforceable?&nbsp;<\/strong><\/h3>\n\n\n\n<p>While the WCAG guidelines are not a legal document, section 508&nbsp;<em>is<\/em>&nbsp;a law that requires American federal agencies and their contractors to comply with WCAG 2.0 AA standards.&nbsp;<\/p>\n\n\n\n<p>For private companies, it\u2019s even more complicated.<\/p>\n\n\n\n<p>The American Disability Act (ADA) \u2014 which organizations with more than 15 employees are subject to \u2014 requires places of public accommodation be accessible, and many regions now consider businesses\u2019 websites an extension of that. <\/p>\n\n\n\n<p>In 2019, more than 10,000 lawsuits were filed for violating the ADA, and&nbsp;<a href=\"https:\/\/www.adatitleiii.com\/2020\/01\/ada-title-iii-litigation-a-2019-review-and-hot-trends-for-2020\/\" target=\"_blank\" rel=\"noreferrer noopener\">20% of those involved website and mobile app design<\/a>. None of those would have occurred had they followed WCAG AA guidelines.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"faq-question-4\"><strong>Is purple accessible?<\/strong><\/h3>\n\n\n\n<p>The color purple is accessible so long as the contrast ratio of the colors, texts and elements are 4.5:1 and higher. Typically, this means a lilac shade would need to be paired with darker text\/elements in order to be accessible, while a darker purple would need to be paired with lighter text\/elements.<\/p>\n\n\n\n\n\n<h2 class=\"wp-block-heading\"><strong>The best designs keep accessibility in mind <\/strong><\/h2>\n\n\n\n<p>Rejoice! You\u2019re now armed with the knowledge and tools you need to create beautiful, inclusive designs that empower<em>&nbsp;all&nbsp;<\/em>audiences to engage and participate.&nbsp;<\/p>\n\n\n\n<p>Now I\u2019d call that a&nbsp;<em>hue<\/em>-ge win!<br><br>Remember to check out the&nbsp;<a href=\"https:\/\/venngage.com\/tools\/accessible-color-palette-generator\" target=\"_blank\" rel=\"noreferrer noopener\">Accessible Color Palette Generator tool<\/a>, and take our accessible templates for a spin by&nbsp;<a href=\"https:\/\/infograph.venngage.com\/register\" target=\"_blank\" rel=\"noreferrer noopener\">signing up for free<\/a>. Because at Venngage, we\u2019ve made prioritizing accessibility our prerogative, and you should too. Stay tuned for more exciting news on the accessible design front soon\u2026<\/p>\n\n\n\n<center><a href=\"https:\/\/venngage.com\/templates\/infographics\" target=\"_blank\" rel=\"noopener\"><button class=\"btn-cta\"><b>START CREATING FOR FREE<\/b><\/button><\/a><\/center>&nbsp;\n","protected":false},"excerpt":{"rendered":"<p>Color is important. Like,&nbsp;really&nbsp;important. So important, that&nbsp;93% of people&nbsp;report it being the number one factor influencing their purchasing decisions. But remember: not everyone experiences color in the same way.&nbsp;With over 2.2 billion people&nbsp;affected by a visual impairment, failing to design with accessible colors in mind is one costly, exclusionary mistake to make.&nbsp; So to help [&hellip;]<\/p>\n","protected":false},"author":142,"featured_media":64411,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false},"categories":[492,187],"tags":[223,308],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v17.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<meta name=\"description\" content=\"Questions about accessible colors? Discover an infographic that covers everything you need to know. Plus, tips, templates, palettes and more!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/venngage.com\/blog\/accessible-colors\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Guide to Accessible Colors Palettes [Templates Included]\" \/>\n<meta property=\"og:description\" content=\"Questions about accessible colors? Discover an infographic that covers everything you need to know. Plus, tips, templates, palettes and more!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/venngage.com\/blog\/accessible-colors\/\" \/>\n<meta property=\"og:site_name\" content=\"Venngage\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Venngage\" \/>\n<meta property=\"article:published_time\" content=\"2022-11-30T17:05:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-15T09:51:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/BLOG-HEADER-Guide-to-Accessible-Colors.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"576\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/BLOG-HEADER-Guide-to-Accessible-Colors.png\" \/>\n<meta name=\"twitter:creator\" content=\"@venngage\" \/>\n<meta name=\"twitter:site\" content=\"@venngage\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jessie Strongitharm\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"24 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/venngage.com\/blog\/#website\",\"url\":\"https:\/\/venngage.com\/blog\/\",\"name\":\"Venngage\",\"description\":\"Learn to Communicate with Data\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/venngage.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/venngage.com\/blog\/accessible-colors\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/BLOG-HEADER-Guide-to-Accessible-Colors.png\",\"contentUrl\":\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/BLOG-HEADER-Guide-to-Accessible-Colors.png\",\"width\":1024,\"height\":576,\"caption\":\"accessible colors\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/venngage.com\/blog\/accessible-colors\/#webpage\",\"url\":\"https:\/\/venngage.com\/blog\/accessible-colors\/\",\"name\":\"Guide to Accessible Colors Palettes [Templates Included]\",\"isPartOf\":{\"@id\":\"https:\/\/venngage.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/venngage.com\/blog\/accessible-colors\/#primaryimage\"},\"datePublished\":\"2022-11-30T17:05:00+00:00\",\"dateModified\":\"2025-09-15T09:51:06+00:00\",\"author\":{\"@id\":\"https:\/\/venngage.com\/blog\/#\/schema\/person\/ecf75b9a6ebf54eed12ce5ca47907c58\"},\"description\":\"Questions about accessible colors? Discover an infographic that covers everything you need to know. Plus, tips, templates, palettes and more!\",\"breadcrumb\":{\"@id\":\"https:\/\/venngage.com\/blog\/accessible-colors\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/venngage.com\/blog\/accessible-colors\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/venngage.com\/blog\/accessible-colors\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/venngage.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Accessibility\",\"item\":\"https:\/\/venngage.com\/blog\/category\/accessibility\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Guide to Accessible Colors Palettes [Templates Included]\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/venngage.com\/blog\/#\/schema\/person\/ecf75b9a6ebf54eed12ce5ca47907c58\",\"name\":\"Jessie Strongitharm\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/venngage.com\/blog\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6a45635c74b0257a05fa7ed7dd4c9c7e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6a45635c74b0257a05fa7ed7dd4c9c7e?s=96&d=mm&r=g\",\"caption\":\"Jessie Strongitharm\"},\"description\":\"Jessie Strongitharm was a content marketer &amp; writer at Venngage with a focus on accessibility, design trends, and effective communication. Her expertise spans flyer design, infographic creation, and marketing analysis, where she provides actionable insights and practical tools that empower her audience to create compelling and accessible visual content. Jessie\\u2019s work is dedicated to helping others stay ahead of design trends while ensuring clear and impactful messaging. Jessie's background in psychology, new media communications and B2B SaaS marketing informs the copy she crafts for Venngage's audience.\",\"url\":\"https:\/\/venngage.com\/blog\/author\/jessie\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"description":"Questions about accessible colors? Discover an infographic that covers everything you need to know. Plus, tips, templates, palettes and more!","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:\/\/venngage.com\/blog\/accessible-colors\/","og_locale":"en_US","og_type":"article","og_title":"Guide to Accessible Colors Palettes [Templates Included]","og_description":"Questions about accessible colors? Discover an infographic that covers everything you need to know. Plus, tips, templates, palettes and more!","og_url":"https:\/\/venngage.com\/blog\/accessible-colors\/","og_site_name":"Venngage","article_publisher":"https:\/\/www.facebook.com\/Venngage","article_published_time":"2022-11-30T17:05:00+00:00","article_modified_time":"2025-09-15T09:51:06+00:00","og_image":[{"width":1024,"height":576,"url":"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/BLOG-HEADER-Guide-to-Accessible-Colors.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_image":"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/BLOG-HEADER-Guide-to-Accessible-Colors.png","twitter_creator":"@venngage","twitter_site":"@venngage","twitter_misc":{"Written by":"Jessie Strongitharm","Est. reading time":"24 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/venngage.com\/blog\/#website","url":"https:\/\/venngage.com\/blog\/","name":"Venngage","description":"Learn to Communicate with Data","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/venngage.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","@id":"https:\/\/venngage.com\/blog\/accessible-colors\/#primaryimage","inLanguage":"en-US","url":"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/BLOG-HEADER-Guide-to-Accessible-Colors.png","contentUrl":"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/11\/BLOG-HEADER-Guide-to-Accessible-Colors.png","width":1024,"height":576,"caption":"accessible colors"},{"@type":"WebPage","@id":"https:\/\/venngage.com\/blog\/accessible-colors\/#webpage","url":"https:\/\/venngage.com\/blog\/accessible-colors\/","name":"Guide to Accessible Colors Palettes [Templates Included]","isPartOf":{"@id":"https:\/\/venngage.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/venngage.com\/blog\/accessible-colors\/#primaryimage"},"datePublished":"2022-11-30T17:05:00+00:00","dateModified":"2025-09-15T09:51:06+00:00","author":{"@id":"https:\/\/venngage.com\/blog\/#\/schema\/person\/ecf75b9a6ebf54eed12ce5ca47907c58"},"description":"Questions about accessible colors? Discover an infographic that covers everything you need to know. Plus, tips, templates, palettes and more!","breadcrumb":{"@id":"https:\/\/venngage.com\/blog\/accessible-colors\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/venngage.com\/blog\/accessible-colors\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/venngage.com\/blog\/accessible-colors\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/venngage.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Accessibility","item":"https:\/\/venngage.com\/blog\/category\/accessibility\/"},{"@type":"ListItem","position":3,"name":"Guide to Accessible Colors Palettes [Templates Included]"}]},{"@type":"Person","@id":"https:\/\/venngage.com\/blog\/#\/schema\/person\/ecf75b9a6ebf54eed12ce5ca47907c58","name":"Jessie Strongitharm","image":{"@type":"ImageObject","@id":"https:\/\/venngage.com\/blog\/#personlogo","inLanguage":"en-US","url":"https:\/\/secure.gravatar.com\/avatar\/6a45635c74b0257a05fa7ed7dd4c9c7e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6a45635c74b0257a05fa7ed7dd4c9c7e?s=96&d=mm&r=g","caption":"Jessie Strongitharm"},"description":"Jessie Strongitharm was a content marketer &amp; writer at Venngage with a focus on accessibility, design trends, and effective communication. Her expertise spans flyer design, infographic creation, and marketing analysis, where she provides actionable insights and practical tools that empower her audience to create compelling and accessible visual content. Jessie\u2019s work is dedicated to helping others stay ahead of design trends while ensuring clear and impactful messaging. Jessie's background in psychology, new media communications and B2B SaaS marketing informs the copy she crafts for Venngage's audience.","url":"https:\/\/venngage.com\/blog\/author\/jessie\/"}]}},"_links":{"self":[{"href":"https:\/\/venngage.com\/blog\/wp-json\/wp\/v2\/posts\/64327"}],"collection":[{"href":"https:\/\/venngage.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/venngage.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/venngage.com\/blog\/wp-json\/wp\/v2\/users\/142"}],"replies":[{"embeddable":true,"href":"https:\/\/venngage.com\/blog\/wp-json\/wp\/v2\/comments?post=64327"}],"version-history":[{"count":53,"href":"https:\/\/venngage.com\/blog\/wp-json\/wp\/v2\/posts\/64327\/revisions"}],"predecessor-version":[{"id":106535,"href":"https:\/\/venngage.com\/blog\/wp-json\/wp\/v2\/posts\/64327\/revisions\/106535"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/venngage.com\/blog\/wp-json\/wp\/v2\/media\/64411"}],"wp:attachment":[{"href":"https:\/\/venngage.com\/blog\/wp-json\/wp\/v2\/media?parent=64327"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/venngage.com\/blog\/wp-json\/wp\/v2\/categories?post=64327"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/venngage.com\/blog\/wp-json\/wp\/v2\/tags?post=64327"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}