{"id":25,"date":"2019-02-14T14:31:16","date_gmt":"2019-02-14T14:31:16","guid":{"rendered":"https:\/\/colibriwp.com\/blog\/?p=25"},"modified":"2020-02-17T09:13:57","modified_gmt":"2020-02-17T09:13:57","slug":"website-color-schemes","status":"publish","type":"post","link":"https:\/\/colibriwp.com\/blog\/website-color-schemes\/","title":{"rendered":"Why These 21+ Website Color Schemes Work So Well"},"content":{"rendered":"<p><a href=\"#contribution_website_personality\">How Do Color Schemes Contribute to a Website Personality?<\/a><\/p>\n<p><a href=\"#key_element_color_scheme\">The Key Element for a Good Color Scheme<\/a><\/p>\n<p><a href=\"#colors_that_matter\">The 3 Types of Colors that Matter for a Website<\/a><\/p>\n<p><a href=\"#color_components\">Components of a Color<\/a><\/p>\n<p><a href=\"#colors_combination\">The 3 Ways Colors Can Be Combined<\/a><\/p>\n<p><a href=\"#models_color_combinations\">Models According to Which Colors Combine<\/a><\/p>\n<p><a href=\"#emotions_colors\">Emotions that a Good Color Scheme is Supposed to Arise<\/a><\/p>\n<p><a href=\"#color_schemes_practice\">Put What You Learned to Practice: Create Your Own Color Schemes<\/a><\/p>\n<p>Website color schemes are one of those silent communication channels that talks to the user the way a written word cannot. In every human creation, including website design, colors carry messages. Because of this, finding the right color combination will help your visitor know that your website is the right place for him and where he will find what he\u2019s looking for.: So let\u2019s begin and find the right website color scheme that can generate emotions, encourage engagement and help you convert better.<\/p>\n<h2><a id=\"contribution_website_personality\"><\/a>How Do Color Schemes Contribute to a Website Personality?<\/h2>\n<p>Color schemes define four aspects of a website\u2019s personality:<\/p>\n<ol>\n<li><u>Brand recognition and its persuasion power<\/u>, when you (the website owner) speak to your readers<\/li>\n<li><u>Emotional appeal<\/u> to connect subliminally with your readers<\/li>\n<li><u>Tell the visitor he\u2019s arrived at the right place<\/u>, for example: red and pink are a perfect pick for relationship blogs, darker colors are a great fit for science sites, pastels are great for comedians.<\/li>\n<li><u>Increase in conversions<\/u>, the whole reason for all the web design work (color schemes included).<\/li>\n<\/ol>\n<h2>A few case studies of how colors help websites<\/h2>\n<p>To help you get a better idea of how color combinations can affect the performance of a website, we listed some interesting case studies:<\/p>\n<ul>\n<li><a href=\"https:\/\/conversionxl.com\/blog\/which-color-converts-the-best\/\">Which color converts the best?<\/a><\/li>\n<li><a href=\"https:\/\/www.smartbugmedia.com\/blog\/how-do-colors-influence-website-user-engagement\">How do colors influence website user engagement?<\/a><\/li>\n<\/ul>\n<p>The color in itself is not directly responsible for a website performance. However, it influences the visual hierarchy in the page and drives users\u2019 attention to certain parts of it.<\/p>\n<h2 style=\"text-align: justify;\"><a id=\"key_element_color_scheme\"><\/a>The Key Element for a Good Website Color Scheme<\/h2>\n<p>Emotions arise when the combination of colors, good design and smart copy becomes a single unified message.. When all of these elements come together, visitors will trust you more (and convert better), because there is nothing there that can make visitors doubt you.<\/p>\n<p>So, balance. To be in the know, we\u2019ll walk you through some principles related to colors. And if you know what you\u2019re doing, every step in the design process will bring you closer to the optimal distribution of colors.<\/p>\n<h3 style=\"text-align: justify;\"><a id=\"colors_that_matter\"><\/a>Understanding the interplay between Base, Accent and Text colors<\/h3>\n<p>A good starting point is to make connections between colors and the subject of the website (e.g. flowers, sun, buildings, seasons, elegant clothing, etc.)<\/p>\n<p>With these in mind, consider the distinction among 3 key colors you have to choose:<\/p>\n<ul>\n<li>Base color \u2013 this is the fundamental color you will build on. On top of it, you will add other colors and combine hues and shades<\/li>\n<li>Accent color \u2013used for emphasis and contrasting effects<\/li>\n<li>Text color in black, white or grey \u2013 depending on the background color, the text color should be adjusted for good contrast and readability. In terms of readability, it is convenient to have a black-to-white ratio of about 60 to 80%.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-36 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/color-schemes1-768x335.png\" alt=\"\" width=\"768\" height=\"335\" \/><\/p>\n<p><strong>Do\u2019s<\/strong>: the less a color is used, the more likely it is to stand out. Good to know for calls-to-action.<\/p>\n<p><strong>Don\u2019ts<\/strong>: do not use complementary colors for text and background. Good to know for readability and visual aspect. *Complementary colors are those colors directly opposed to each other in the color spectrum.<\/p>\n<h3 style=\"text-align: justify;\"><a id=\"color_components\"><\/a>Components of a Color<\/h3>\n<p>All colors are composed of the following elements:<\/p>\n<ul>\n<li>Saturation<\/li>\n<\/ul>\n<p>Saturation refers to the bandwidth of light coming from a source. Or in simpler terms, it means a color intensity. Maximal saturation means color in its purest form.<\/p>\n<ul>\n<li>Luminosity<\/li>\n<\/ul>\n<p>Lightness, or brightness, refers to the amount of white contained by a color. In technical terms, lightness is identified as the \u201cvalue\u201d of a color.<\/p>\n<ul>\n<li>Hue<\/li>\n<\/ul>\n<p>Hue is a color property that describes how different a color is from another one.<\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-37 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/components-of-a-color-min.jpg\" alt=\"\" width=\"550\" height=\"518\" \/><\/p>\n<p>Now that you know what to take into consideration for defining colors, and what to choose for a complete color scheme, let\u2019s see some basic color combination principles.<\/p>\n<h2 style=\"text-align: justify;\"><a id=\"colors_combination\"><\/a>The 3 Ways Colors Can Be Combined<\/h2>\n<p>These principles are guidelines on how to combine colors, following the basic rules of visual representation.<\/p>\n<p>Why do these rules exist? Because we seem to perceive some color combinations as pleasant, for biological (due to cells in the eye that identify colors), and psychological (due to our own experiences and the cultural symbolism of each particular color) reasons.<\/p>\n<p>So, what are the rules underlying fundamental color combinations?<\/p>\n<h3><strong>Rule of Complementation<\/strong><\/h3>\n<p>It refers to focusing on complementary colors, that is on colors directly opposed to each other in the color spectrum. One note though\u2026 color complementation should be carefully tackled, as inappropriate use of it will lead to inappropriate color schemes (see the recommendation to avoid complementation in text color versus background color).<\/p>\n<p>Example:<br \/>\n<img loading=\"lazy\" class=\"aligncenter wp-image-502\" src=\"https:\/\/extendthemes.com\/wp-content\/uploads\/2018\/04\/complementation-min-1024x452.png\" alt=\"\" width=\"700\" height=\"309\" \/><\/p>\n<h3><strong>Rule of Contrast<\/strong><\/h3>\n<p>This process takes advantage of contrasting colors, to reduce eyestrain and make the webpages pleasant to explore.<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-503\" src=\"https:\/\/extendthemes.com\/wp-content\/uploads\/2018\/04\/contrast-min.png\" alt=\"\" width=\"700\" height=\"279\" \/><\/p>\n<h3><strong>Rule of Vibrancy <\/strong><\/h3>\n<p>With this color combination principle, we begin plunging into the immense realm of color psychology. More vibrant colors are intended to arise strong emotions into the readers, while less vibrant colors are meant to relax the readers, with the aim at focusing their energy on something else or of higher importance.<\/p>\n<p>See, for instance:<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-505\" src=\"https:\/\/extendthemes.com\/wp-content\/uploads\/2018\/04\/vibrancy-min.png\" alt=\"\" width=\"700\" height=\"351\" \/><\/p>\n<p>Versus<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-506\" src=\"https:\/\/extendthemes.com\/wp-content\/uploads\/2018\/04\/less-vibrancy-min.png\" alt=\"\" width=\"700\" height=\"341\" \/><\/p>\n<p>In this digital era, communication with a website\u2019s users is highly important. You want to get them understand a particular message or do a specific action. Therefore, colors should not be the \u201cstar\u201d of your website, rather they should serve as subtle guidance towards the diverse parts of your message spread on the page. Colors should just connect the dots among these elements, and offer appropriate context for transmitting a message.<\/p>\n<h2 style=\"text-align: justify;\"><a id=\"models_color_combinations\"><\/a>Models According to Which Colors Combine<\/h2>\n<p>From these 3 color combination principles lead to different combination models, all useful as an overview of what can be done in terms of color combos.<\/p>\n<p>First, you must know that these models fall into 2 distinct categories:<\/p>\n<ul>\n<li>The additive color models<\/li>\n<\/ul>\n<p>In this category of models, the pervasive rule is that, the more light one adds to the color, the brighter and lighter that color becomes. It defines the RGB color system (red, green, blue) and is specific to the digital medium.<\/p>\n<ul>\n<li>The subtractive color models<\/li>\n<\/ul>\n<p>In this second category of models, color is obtained by the subtraction of light. This category is specific to arts, i.e. painting, vastly differing from the digital color system.<\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-39 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/additive-subtractive-model-min-300x193.png\" alt=\"\" width=\"300\" height=\"193\" \/><\/p>\n<p>Let\u2019s focus on the digital color system, as this is the one that concerns us.<\/p>\n<p>There are 6 main models, and 6 starting points to consider before rolling up your sleeves and getting to work:<\/p>\n<h3>Monochrome Model<\/h3>\n<p>Monochrome models refer to variants of a single color, which differ in terms of brightness, shades and saturation.<\/p>\n<h3><img loading=\"lazy\" class=\"aligncenter wp-image-511\" src=\"https:\/\/extendthemes.com\/wp-content\/uploads\/2018\/04\/monochrome-color-scheme-min-1024x567.png\" alt=\"\" width=\"700\" height=\"388\" \/><\/h3>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-40 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/monochrome-min-1-768x162.png\" alt=\"\" width=\"768\" height=\"162\" \/><\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-41 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/homedesignfind-min-768x497.png\" alt=\"\" width=\"768\" height=\"497\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-42 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/monochrome2-min-768x163.png\" alt=\"\" width=\"768\" height=\"163\" \/><\/p>\n<h3>Analogous Model<\/h3>\n<p>Analogous models refer to any 3 colors placed next to one another, in the color spectrum. They create harmony and a very cohesive visual representation.<\/p>\n<div id=\"attachment_512\" style=\"width: 710px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-512\" loading=\"lazy\" class=\"wp-image-512\" src=\"https:\/\/extendthemes.com\/wp-content\/uploads\/2018\/04\/analogous-color-scheme-min.png\" alt=\"\" width=\"700\" height=\"319\" \/><p id=\"caption-attachment-512\" class=\"wp-caption-text\">Image taken from Coschedule.com<\/p><\/div>\n<p><img loading=\"lazy\" class=\"size-full wp-image-43 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/analogous-min-768x158.png\" alt=\"\" width=\"768\" height=\"158\" \/><\/p>\n<h3><\/h3>\n<h3>Complementary Model<\/h3>\n<p>Complementary models combine one color with its opposite in the color wheel.<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-513\" src=\"https:\/\/extendthemes.com\/wp-content\/uploads\/2018\/04\/complementary-color-scheme-min.png\" alt=\"\" width=\"700\" height=\"375\" \/><\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-44 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/complementary-min-768x151.png\" alt=\"\" width=\"768\" height=\"151\" \/><\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-45 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/bigtop-min-768x370.png\" alt=\"\" width=\"768\" height=\"370\" \/><\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-46 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/complementary2-min-768x155.png\" alt=\"\" width=\"768\" height=\"155\" \/><\/p>\n<h3><\/h3>\n<h3>Triadic Color Model<\/h3>\n<p>Triadic models combine colors placed at the 3 corners of an equilateral triangle drawn into the color spectrum.<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-514\" src=\"https:\/\/extendthemes.com\/wp-content\/uploads\/2018\/04\/triadic-color-scheme-min.png\" alt=\"\" width=\"700\" height=\"422\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-47 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/triadic-min-768x153.png\" alt=\"\" width=\"768\" height=\"153\" \/><\/p>\n<h3>Split-complementary Model<\/h3>\n<p>Split-complementary models combine colors placed at the 3 corners of a triangle drawn into the color wheel. This triangle unifies one color with its opposite (complementary) color, plus the two colors adjacent to this opposite.<\/p>\n<div id=\"attachment_515\" style=\"width: 710px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-515\" loading=\"lazy\" class=\"wp-image-515\" src=\"https:\/\/extendthemes.com\/wp-content\/uploads\/2018\/04\/split-complementary-color-scheme-min.png\" alt=\"\" width=\"700\" height=\"521\" \/><p id=\"caption-attachment-515\" class=\"wp-caption-text\">The image is taken from Blog.kissmetrics.com<\/p><\/div>\n<p><img loading=\"lazy\" class=\"size-full wp-image-48 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/split-complementary-min-768x151.png\" alt=\"\" width=\"768\" height=\"151\" \/><\/p>\n<h3><\/h3>\n<h3>Tetradic\/double-complementary Model<\/h3>\n<p>This rectangle\/tetradic model combines 2 colors with their opposite colors in the color wheel. The shape that defines the combination is a rectangle, hence the name of this model.<\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-50 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/tetradic-color-scheme-min.png\" alt=\"\" width=\"715\" height=\"465\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-49 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/tetradic-min-768x142.png\" alt=\"\" width=\"768\" height=\"142\" \/><\/p>\n<h3>\u00a0Square Model<\/h3>\n<p>The square model combines 2 colors with their opposites in the color wheel, like in the tetradic model, with one difference: the 2 colors and their opposites are distributed evenly in the color wheel, and unified, give the form of a square.<\/p>\n<div id=\"attachment_517\" style=\"width: 710px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-517\" loading=\"lazy\" class=\"wp-image-517\" src=\"https:\/\/extendthemes.com\/wp-content\/uploads\/2018\/04\/square-color-scheme-min.png\" alt=\"\" width=\"700\" height=\"428\" \/><p id=\"caption-attachment-517\" class=\"wp-caption-text\">The image is taken from Blog.kissmetrics.com<\/p><\/div>\n<p><img loading=\"lazy\" class=\"size-full wp-image-51 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/square-min-768x157.png\" alt=\"\" width=\"768\" height=\"157\" \/><\/p>\n<p>Keep in mind that, whichever color model you choose, there are some best practices to consider. Here are the recommendations:<\/p>\n<ol>\n<li><strong>The 60-30-10 rule<\/strong> (60% is the dominant color, 30% is the secondary color, 10% is the accent color). If we take the example of the <a href=\"https:\/\/extendthemes.com\/mesmerize\/testdrive\/\">Mesmerize theme<\/a>, the customizer includes a dedicated section where you define colors. You have options to select the primary color, the secondary color, the third (accent) color, and make tweak and refines with additional hues.<\/li>\n<li><strong>Design in grayscale first<\/strong>. This is the best way to check for possible issues and to quickly spot any disruption in the website layout. Hence, you can check the design against the rule of continuity and make changes to ensure a consistent experience on the website.<\/li>\n<\/ol>\n<div id=\"attachment_519\" style=\"width: 1034px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-519\" loading=\"lazy\" class=\"wp-image-519 size-large\" src=\"https:\/\/extendthemes.com\/wp-content\/uploads\/2018\/04\/grayscale-min-1024x637.png\" alt=\"\" width=\"1024\" height=\"637\" \/><p id=\"caption-attachment-519\" class=\"wp-caption-text\">Theme developed by Startbootstrap<\/p><\/div>\n<p>You can try your hand at generating color schemes with <a href=\"http:\/\/paletton.com\">Paletton<\/a>. Also, you can <a href=\"https:\/\/www.sessions.edu\/color-calculator\/\">combine colors according to each of the color models<\/a>, as simple as that.<\/p>\n<p>So, experiment with any of the above color models, practice and perfect, until the colors balance triggers emotions into your readers.<\/p>\n<h2 style=\"text-align: justify;\"><a id=\"emotions_colors\"><\/a>Emotions that Good Website Color Schemes are Supposed to Arise<\/h2>\n<p>Now that you master the techniques of color combinations, it is time to consider the psychological implications of using some color schemes, instead of others. You already control the \u201chow\u201d and the \u201cwhat\u201d, but let\u2019s dive deeper, to discover the \u201cwhy\u201d behind your choices.<\/p>\n<p>This is where the <a href=\"http:\/\/www.colourlovers.com\/blog\/2007\/09\/02\/the-muller-formula-or-predictable-color-preferences\">Muller formula<\/a> comes in. It states that certain color schemes are pleasant to the eyes and subject to favourable perceptions, while other color schemes are \u201cugly\u201d and negatively perceived by most people. How is this possible? The formula says that if a color scheme follows the natural brightness of colors, that combination will be perceived as pleasant. If, on the contrary, a color scheme doesn\u2019t follow the natural brightness of colors, that combination won\u2019t be liked by people.<\/p>\n<p>Therefore, you should be aware of what works and what doesn\u2019t, in terms of color combinations.<\/p>\n<p>On top of that, your selection depends on the message you want to convey to your users, its tone and intended impact.<\/p>\n<p>Below is a basic breakdown of color psychology. We list some simple colors that are suited for certain messages, with the corresponding meanings and emotions they create (keep in mind that emotions are set off by both personal experience and cultural perceptions\/the symbolism of colors):<\/p>\n<h3>Blue Color Palettes<\/h3>\n<p>The blue color is best known for its soothing, calming effect. It also conveys security, trust and communication.<\/p>\n<p>Blue color palettes in websites:<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-520\" src=\"https:\/\/extendthemes.com\/wp-content\/uploads\/2018\/04\/blue-color-schemes-min-1024x497.png\" alt=\"\" width=\"700\" height=\"340\" \/><img loading=\"lazy\" class=\"size-full wp-image-52 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/blue-color-palettes1-min-768x164.png\" alt=\"\" width=\"768\" height=\"164\" \/><\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-53 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/ngdata-min-768x378.png\" alt=\"\" width=\"768\" height=\"378\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-54 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/blue-color-palettes2-min-768x158.png\" alt=\"\" width=\"768\" height=\"158\" \/><\/p>\n<p>Blue is an excellent choice for data and technology companies. It communicates that the technology the company develops is secure, and also earns the trust that user\u2019s data is properly managed.<\/p>\n<h3>Green Color Palettes<\/h3>\n<p>The green color is often associated with nature, natural, freshness, growth, balance and peace.<\/p>\n<p>Green color palettes in websites:<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-521\" src=\"https:\/\/extendthemes.com\/wp-content\/uploads\/2018\/04\/green-color-combination-min-1024x490.png\" alt=\"\" width=\"700\" height=\"335\" \/><img loading=\"lazy\" class=\"size-full wp-image-55 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/green1-min-768x157.png\" alt=\"\" width=\"768\" height=\"157\" \/><\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-56 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/green2-min-768x377.png\" alt=\"\" width=\"768\" height=\"377\" \/><img loading=\"lazy\" class=\"size-full wp-image-57 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/green-color-palettes2-min-768x156.png\" alt=\"\" width=\"768\" height=\"156\" \/><\/p>\n<h3>Yellow Color Palettes<\/h3>\n<p>This color conveys brightness, cheerfulness, energy and optimism. However, it should be carefully used, to avoid eyestrain.<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-524\" src=\"https:\/\/extendthemes.com\/wp-content\/uploads\/2018\/04\/yellow-color-combination-min-1024x567.png\" alt=\"\" width=\"700\" height=\"388\" \/><img loading=\"lazy\" class=\"size-full wp-image-58 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/yellow1-min-768x162.png\" alt=\"\" width=\"768\" height=\"162\" \/><\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-59 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/cultivescence-min-768x376.png\" alt=\"\" width=\"768\" height=\"376\" \/><img loading=\"lazy\" class=\"size-full wp-image-60 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/yellow2-min-768x155.png\" alt=\"\" width=\"768\" height=\"155\" \/><\/p>\n<h3>Orange Color Palettes<\/h3>\n<p>Orange is the color of enthusiasm, passion, energy and joy. Vitality, fun and abundance are strongly expressed by orange, altogether.<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-525\" src=\"https:\/\/extendthemes.com\/wp-content\/uploads\/2018\/04\/orange-color-combination-min-1024x514.png\" alt=\"\" width=\"700\" height=\"351\" \/><\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-61 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/orange1-min-768x165.png\" alt=\"\" width=\"768\" height=\"165\" \/><\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-62 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/dto-films-min-768x379.png\" alt=\"\" width=\"768\" height=\"379\" \/><img loading=\"lazy\" class=\"size-full wp-image-63 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/orange2-min-768x164.png\" alt=\"\" width=\"768\" height=\"164\" \/><\/p>\n<h3>Violet Color Palettes<\/h3>\n<p>The violet color is generally associated with spiritual awareness and contemplation, and the power of introspection.<\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-64 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/violet-color-combination-min-768x375.png\" alt=\"\" width=\"768\" height=\"375\" \/><\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-65 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/violet1-min-768x157.png\" alt=\"\" width=\"768\" height=\"157\" \/><\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-66 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/purple-dove-min-768x379.png\" alt=\"\" width=\"768\" height=\"379\" \/><\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-67 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/violet2-min-768x152.png\" alt=\"\" width=\"768\" height=\"152\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h3>Pink Color Palettes<\/h3>\n<p>As a variation of red, the pink color has won a distinct name due to its expressive power. It is often associated with femininity, it is soothing and emanates a sense of warmth.<\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-68 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/pink-color-combination-min-768x419.png\" alt=\"\" width=\"768\" height=\"419\" \/><\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-69 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/pink1-min-768x147.png\" alt=\"\" width=\"768\" height=\"147\" \/><\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-70 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/cowboy.bike-min-768x358.png\" alt=\"\" width=\"768\" height=\"358\" \/><\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-71 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/pink2-min-768x160.png\" alt=\"\" width=\"768\" height=\"160\" \/><\/p>\n<h3>Red Color Palettes<\/h3>\n<p>Red &#8211; a simple, yet powerful color, that appears nearer than it is, and gives the impression of increased velocity. It suggests luxury and abundance, strength and warmth.<\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-72 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/red-color-combination-min-768x349.png\" alt=\"\" width=\"768\" height=\"349\" \/><\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-73 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/red1-min-768x149.png\" alt=\"\" width=\"768\" height=\"149\" \/><\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-74 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/ogury-min-768x352.png\" alt=\"\" width=\"768\" height=\"352\" \/><img loading=\"lazy\" class=\"size-full wp-image-75 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/red2-min-1-768x163.png\" alt=\"\" width=\"768\" height=\"163\" \/><\/p>\n<h3>Brown Color Palettes<\/h3>\n<p>The brown color instils a sense of reliability, support, earthiness.\u00a0 It approaches the characteristics of black.<\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-76 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/brown-color-combination-min-768x375.png\" alt=\"\" width=\"768\" height=\"375\" \/><\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-77 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/brown1-min-768x157.png\" alt=\"\" width=\"768\" height=\"157\" \/><\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-78 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/haacht-min-768x357.png\" alt=\"\" width=\"768\" height=\"357\" \/><\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-79 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/brown2-min-768x161.png\" alt=\"\" width=\"768\" height=\"161\" \/><\/p>\n<h3>Black Color Palettes<\/h3>\n<p>Black is often associated with elegance, mystery, power and authority. It can also be associated with the unknown.<\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-80 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/black-color-combination-min-768x370.png\" alt=\"\" width=\"768\" height=\"370\" \/><\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-81 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/black1-min-768x179.png\" alt=\"\" width=\"768\" height=\"179\" \/><\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-82 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/black-color-palettes2-min-768x360.png\" alt=\"\" width=\"768\" height=\"360\" \/><\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-83 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/black1-min-768x179-1.png\" alt=\"\" width=\"768\" height=\"179\" \/><\/p>\n<h3>White Color Palettes<\/h3>\n<p>White means cleanness, purity, hygiene, both simplicity and sophistication. It has the property of making spaces look wider.<\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-84 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/white-color-combination-min-768x378.png\" alt=\"\" width=\"768\" height=\"378\" \/><img loading=\"lazy\" class=\"size-full wp-image-85 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/white1-min-768x166.png\" alt=\"\" width=\"768\" height=\"166\" \/><\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-86 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/fleurmoreau-min-768x387.png\" alt=\"\" width=\"768\" height=\"387\" \/><img loading=\"lazy\" class=\"size-full wp-image-87 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/white2-768x153.png\" alt=\"\" width=\"768\" height=\"153\" \/><\/p>\n<h2><a id=\"color_schemes_practice\"><\/a>Put What You Learned to Practice: Create Your Own Website Color Schemes<\/h2>\n<p>Armed with good knowledge of the colors theory, you can further explore the magic of website color schemes, test with different emotional implications, put color schemes at work for you.<\/p>\n<p>The color combination standards make it easier to create your own color combination and limit the blunders in your color scheme creation.<\/p>\n<p>There are tools that help you combine colors in beautiful ways, unleashing your creative powers:<\/p>\n<ul>\n<li>\n<h3><a href=\"http:\/\/khroma.co\/train\/\">Khroma<\/a><\/h3>\n<\/li>\n<\/ul>\n<p>Khroma comes with a wide array of colors, that represent the basic elements to start with. Then, it allows you to make a selection of no less than 50 colors that will feed a color generator. Based on a customized algorithm, these colors will be mixed and arranged to result in viable color schemes.<\/p>\n<p>Here is what the trained color generator suggested in one session:<\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-88 aligncenter\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/khroma.co-min-1024x441.png\" alt=\"\" width=\"1024\" height=\"441\" \/><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li>\n<h3><a href=\"http:\/\/colormind.io\/\">Colormind<\/a><\/h3>\n<\/li>\n<\/ul>\n<p>Colormind, like Khroma, provides a color generator tool. Its color generator uses deep learning, as it can learn new color schemes from photos, movies and art.<\/p>\n<p>Apart from that, you can define the colors for your own template, and Colormind will adjust their hues, shades and brightness to look fine.<\/p>\n<p>Here is the color generator in action:<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-533 size-large\" src=\"https:\/\/extendthemes.com\/wp-content\/uploads\/2018\/04\/colormind.io-min-1024x345.png\" alt=\"\" width=\"1024\" height=\"345\" \/><\/p>\n<ul>\n<li>\n<h3><a href=\"http:\/\/jim-nielsen.com\/sassme\/\">Jim Nielsen<\/a><\/h3>\n<\/li>\n<\/ul>\n<p>This tool lets you start from a color, and adjust luminosity, saturation and hue until you get the perfect version of that color.<\/p>\n<p>Here is the tool at play:<\/p>\n<p><img loading=\"lazy\" class=\"wp-image-534 size-large aligncenter\" src=\"https:\/\/extendthemes.com\/wp-content\/uploads\/2018\/04\/jim-nielson-min-1024x673.png\" alt=\"\" width=\"640\" height=\"421\" \/><\/p>\n<ul>\n<li>\n<h3><a href=\"https:\/\/colorme.io\/\">Colorme<\/a><\/h3>\n<\/li>\n<\/ul>\n<p>Colorme is another great tool for finding the perfect version of one color. It is similar to the previous tool, but it includes additional parameters you can adjust. So, for instance, in the RGB system, you select the amount of red, green and blue that the final color will contain, and preview the results.<\/p>\n<p>Here is an example:<\/p>\n<p><img loading=\"lazy\" class=\"wp-image-536 size-large aligncenter\" src=\"https:\/\/extendthemes.com\/wp-content\/uploads\/2018\/04\/colorme.io-min-1024x472.png\" alt=\"\" width=\"640\" height=\"295\" \/><\/p>\n<ul>\n<li>\n<h3><a href=\"http:\/\/color.method.ac\/\">Color.method<\/a><\/h3>\n<\/li>\n<\/ul>\n<p>A tool that you cannot help loving. It is interactive, and thus puts your skills to test, for some color models (analogous, triadic, tetradic). For any selection of you, the tool will give you an assessment of the color combination quality (it ranges from \u201dpoor\u201d to \u201cvery good\u201d). This way, you will be able to identify the color combination method you are more skilled at, and base your color scheme creation upon this data.<\/p>\n<p>Below is a screenshot of Color.Method in action:<\/p>\n<p><img loading=\"lazy\" class=\"wp-image-537 size-large aligncenter\" src=\"https:\/\/extendthemes.com\/wp-content\/uploads\/2018\/04\/colormethod.ac-min-1024x550.png\" alt=\"\" width=\"640\" height=\"344\" \/><\/p>\n<h2><\/h2>\n<h2>Conclusion<\/h2>\n<p>Wrapping up, colors and website color schemes belong to the emotional side of communicating with the website readers. Hence, their elusive nature when it comes to drawing a plan and creating website color schemes. There are, nevertheless, techniques and theories that help systematize the process of combing colors. By following them, error is minified, and success can thrive in an excellent color scheme. So, trust your quality standards, and you will see them reflected in YOUR OWN excellent color scheme for YOUR OWN website.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>How Do Color Schemes Contribute to a Website Personality? The Key Element for a Good Color Scheme The 3 Types of Colors that Matter for a Website Components of a Color The 3 Ways Colors Can Be Combined Models According to Which Colors Combine Emotions that a Good Color Scheme is Supposed to Arise Put&hellip; <br \/> <a class=\"read-more\" href=\"https:\/\/colibriwp.com\/blog\/website-color-schemes\/\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":3674,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[47],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v17.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Why These 21+ Website Color Schemes Work So Well - ColibriWP Blog<\/title>\n<meta name=\"description\" content=\"Website color schemes - technically mastering the art of creating them, you\u2019re able to give a website force of expression, instill emotions and make web pages impossible to forget. Let\u2019s see how\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/colibriwp.com\/blog\/website-color-schemes\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Why These 21+ Website Color Schemes Work So Well - ColibriWP Blog\" \/>\n<meta property=\"og:description\" content=\"Website color schemes - technically mastering the art of creating them, you\u2019re able to give a website force of expression, instill emotions and make web pages impossible to forget. Let\u2019s see how\" \/>\n<meta property=\"og:url\" content=\"https:\/\/colibriwp.com\/blog\/website-color-schemes\/\" \/>\n<meta property=\"og:site_name\" content=\"ColibriWP Blog\" \/>\n<meta property=\"article:published_time\" content=\"2019-02-14T14:31:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-02-17T09:13:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/color-schemes-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"623\" \/>\n\t<meta property=\"og:image:height\" content=\"583\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"iulian\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/colibriwp.com\/blog\/#website\",\"url\":\"https:\/\/colibriwp.com\/blog\/\",\"name\":\"ColibriWP Blog\",\"description\":\"WordPress know-how to boost your design skills\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/colibriwp.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/colibriwp.com\/blog\/website-color-schemes\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/color-schemes-1.png\",\"contentUrl\":\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/color-schemes-1.png\",\"width\":623,\"height\":583},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/colibriwp.com\/blog\/website-color-schemes\/#webpage\",\"url\":\"https:\/\/colibriwp.com\/blog\/website-color-schemes\/\",\"name\":\"Why These 21+ Website Color Schemes Work So Well - ColibriWP Blog\",\"isPartOf\":{\"@id\":\"https:\/\/colibriwp.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/colibriwp.com\/blog\/website-color-schemes\/#primaryimage\"},\"datePublished\":\"2019-02-14T14:31:16+00:00\",\"dateModified\":\"2020-02-17T09:13:57+00:00\",\"author\":{\"@id\":\"https:\/\/colibriwp.com\/blog\/#\/schema\/person\/120982e06c8218e6f4a5d83020751c1e\"},\"description\":\"Website color schemes - technically mastering the art of creating them, you\\u2019re able to give a website force of expression, instill emotions and make web pages impossible to forget. Let\\u2019s see how\",\"breadcrumb\":{\"@id\":\"https:\/\/colibriwp.com\/blog\/website-color-schemes\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/colibriwp.com\/blog\/website-color-schemes\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/colibriwp.com\/blog\/website-color-schemes\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/colibriwp.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Why These 21+ Website Color Schemes Work So Well\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/colibriwp.com\/blog\/#\/schema\/person\/120982e06c8218e6f4a5d83020751c1e\",\"name\":\"iulian\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/colibriwp.com\/blog\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/a1002ce001e8e8537800f38c05d827cf?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/a1002ce001e8e8537800f38c05d827cf?s=96&d=mm&r=g\",\"caption\":\"iulian\"},\"url\":\"https:\/\/colibriwp.com\/blog\/author\/iulian\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Why These 21+ Website Color Schemes Work So Well - ColibriWP Blog","description":"Website color schemes - technically mastering the art of creating them, you\u2019re able to give a website force of expression, instill emotions and make web pages impossible to forget. Let\u2019s see how","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:\/\/colibriwp.com\/blog\/website-color-schemes\/","og_locale":"en_US","og_type":"article","og_title":"Why These 21+ Website Color Schemes Work So Well - ColibriWP Blog","og_description":"Website color schemes - technically mastering the art of creating them, you\u2019re able to give a website force of expression, instill emotions and make web pages impossible to forget. Let\u2019s see how","og_url":"https:\/\/colibriwp.com\/blog\/website-color-schemes\/","og_site_name":"ColibriWP Blog","article_published_time":"2019-02-14T14:31:16+00:00","article_modified_time":"2020-02-17T09:13:57+00:00","og_image":[{"width":623,"height":583,"url":"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/color-schemes-1.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"iulian","Est. reading time":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/colibriwp.com\/blog\/#website","url":"https:\/\/colibriwp.com\/blog\/","name":"ColibriWP Blog","description":"WordPress know-how to boost your design skills","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/colibriwp.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","@id":"https:\/\/colibriwp.com\/blog\/website-color-schemes\/#primaryimage","inLanguage":"en-US","url":"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/color-schemes-1.png","contentUrl":"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/02\/color-schemes-1.png","width":623,"height":583},{"@type":"WebPage","@id":"https:\/\/colibriwp.com\/blog\/website-color-schemes\/#webpage","url":"https:\/\/colibriwp.com\/blog\/website-color-schemes\/","name":"Why These 21+ Website Color Schemes Work So Well - ColibriWP Blog","isPartOf":{"@id":"https:\/\/colibriwp.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/colibriwp.com\/blog\/website-color-schemes\/#primaryimage"},"datePublished":"2019-02-14T14:31:16+00:00","dateModified":"2020-02-17T09:13:57+00:00","author":{"@id":"https:\/\/colibriwp.com\/blog\/#\/schema\/person\/120982e06c8218e6f4a5d83020751c1e"},"description":"Website color schemes - technically mastering the art of creating them, you\u2019re able to give a website force of expression, instill emotions and make web pages impossible to forget. Let\u2019s see how","breadcrumb":{"@id":"https:\/\/colibriwp.com\/blog\/website-color-schemes\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/colibriwp.com\/blog\/website-color-schemes\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/colibriwp.com\/blog\/website-color-schemes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/colibriwp.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Why These 21+ Website Color Schemes Work So Well"}]},{"@type":"Person","@id":"https:\/\/colibriwp.com\/blog\/#\/schema\/person\/120982e06c8218e6f4a5d83020751c1e","name":"iulian","image":{"@type":"ImageObject","@id":"https:\/\/colibriwp.com\/blog\/#personlogo","inLanguage":"en-US","url":"https:\/\/secure.gravatar.com\/avatar\/a1002ce001e8e8537800f38c05d827cf?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a1002ce001e8e8537800f38c05d827cf?s=96&d=mm&r=g","caption":"iulian"},"url":"https:\/\/colibriwp.com\/blog\/author\/iulian\/"}]}},"_links":{"self":[{"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/posts\/25"}],"collection":[{"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/comments?post=25"}],"version-history":[{"count":0,"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/posts\/25\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/media\/3674"}],"wp:attachment":[{"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/media?parent=25"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/categories?post=25"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/tags?post=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}