{"id":37443,"date":"2021-02-19T14:50:48","date_gmt":"2021-02-19T14:50:48","guid":{"rendered":"https:\/\/graphicmama.com\/blog\/?p=37443"},"modified":"2022-08-08T12:13:07","modified_gmt":"2022-08-08T12:13:07","slug":"color-theory","status":"publish","type":"post","link":"https:\/\/graphicmama.com\/blog\/color-theory\/","title":{"rendered":"Color Theory Basics For Non-Designers: Everything You Should Know"},"content":{"rendered":"<p>As a continuation of our <a href=\"https:\/\/graphicmama.com\/blog\/good-color-combinations\/\" target=\"_blank\" rel=\"noopener\">inspirational examples and palette ideas<\/a> for great color combinations, today we will have a look at the <strong>basics of color theory and go beyond that<\/strong>. Therefore, in this article, <strong>we will learn everything about colors<\/strong> from their properties, through <strong>how they combine<\/strong>, and <strong>how they can influence your audience<\/strong> to take the desired actions.<\/p>\n<p>You can also review the color theory article overview below and fast-travel to the specific sections you need.<\/p>\n<p><strong>Guide to color theory overview:<br \/>\n<\/strong>1. <a href=\"#what-are-colors\">What are colors?<\/a><br \/>\n1.1. <a href=\"#properties\">Color properties<\/a><br \/>\n1.2. <a href=\"#color-wheel\">The Color Wheel<\/a><br \/>\n1.3. <a href=\"#types-of-colors\">Types of Colors<\/a><br \/>\n2. <a href=\"#types-of-color-combinations\">Types of Color Combinations<\/a><br \/>\n2.1. <a href=\"#monochrome\">Monochrome Color Combinations<\/a><br \/>\n2.2. <a href=\"#complementary\">Complementary Color Combinations<\/a><br \/>\n2.3. <a href=\"#split-complementary\">Split Complementary<\/a><br \/>\n2.4. <a href=\"#analogous\">Analogous Color Combinations<\/a><br \/>\n2.5. <a href=\"#triadic\">Triadic Color Combinations<\/a><br \/>\n2.6. <a href=\"#tetradic\">The Tetradic Color Combinations<\/a><br \/>\n2.7. <a href=\"#individual\">Individual Color Combinations: What Colors Go Well Together in General<\/a><br \/>\n2.8. <a href=\"#gradients\">Gradient Color Combinations<\/a><strong><br \/>\n<\/strong>3. <a href=\"#psychology\">Color Combinations in Psychology<\/a><br \/>\n3.1. <a href=\"#influence\">How Colors Influence Mood and Emotions<\/a><br \/>\n3.2. <a href=\"#hues-in-marketing\">Individual Hues in Marketing<\/a><br \/>\n3.3. <a href=\"#color-palettes-examples\">Moods and Emotions Through Color Palettes (Examples)<\/a><\/p>\n<div id=\"what-are-colors\">\n<h2>1. What are Colors?<\/h2>\n<\/div>\n<div id=\"properties\">\n<h3>1.1. Color Properties<\/h3>\n<\/div>\n<p>We will start our brief color theory by defining what colors actually are. As abstract as it might sound, the closest definition is that colors are defined by the different ways our eyes perceive the light when it hits an object.\u00a0 With that being said, each color is defined by three main properties that create the vast diversity of that color effect.<\/p>\n<div id=\"attachment_38028\" class=\"wp-caption aligncenter\"><img decoding=\"async\" aria-describedby=\"caption-attachment-38028\" class=\"wp-image-38028 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27132904\/hue-intensity-value.jpg\" alt=\"Color properties - hue, intensity, value\" width=\"826\" height=\"218\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27132904\/hue-intensity-value.jpg 826w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27132904\/hue-intensity-value-300x79.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27132904\/hue-intensity-value-768x203.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27132904\/hue-intensity-value-80x21.jpg 80w\" sizes=\"(max-width: 826px) 100vw, 826px\" \/><p id=\"caption-attachment-38028\" class=\"wp-caption-text\">Color Properties: Hue, Intensity, and Value<\/p><\/div>\n<ul>\n<li><strong>Hue<\/strong>:<br \/>\nThe color property references the color family, meaning each segment on the color wheel. On the traditional wheel, there are 12 segments, one for each family.<\/li>\n<li><strong>Intensity<\/strong>:<br \/>\nIt reflects the saturation of the color. Naturally, this defines how vivid or dull the color is.<\/li>\n<li><strong>Value<\/strong>:<br \/>\nThe third property forms the tints and shades of each color. It refers to how light or dark is that color. You create tints by adding white to the color, and you create shades when you add black.<\/li>\n<\/ul>\n<p>Colors have four more properties related to their hue, intensity, and value. Color theory teaches us that since the color hue is the segment of a particular color family on the wheel, it is also the purest state of the color. From there, by changing the intensity and value, you can create tones, tints, and shades.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-38076 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27144058\/hue-tones-tints-shades.jpg\" alt=\"Colors - hues, tints, tones, shades\" width=\"826\" height=\"426\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27144058\/hue-tones-tints-shades.jpg 826w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27144058\/hue-tones-tints-shades-300x155.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27144058\/hue-tones-tints-shades-768x396.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27144058\/hue-tones-tints-shades-80x41.jpg 80w\" sizes=\"(max-width: 826px) 100vw, 826px\" \/><\/p>\n<ul>\n<li><strong>Tones<\/strong>:<br \/>\nYou create tones when you add grey to a particular hue.<\/li>\n<li><strong>Tints<\/strong>:<br \/>\nThese are the colors created when you add white to a particular hue.<\/li>\n<li><strong>Shades<\/strong>:<br \/>\nWhen you add black to a particular hue, you create shades.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<div id=\"color-wheel\">\n<h3>1.2. The Color Wheel<\/h3>\n<\/div>\n<p>In color theory, the color wheel is an illustrative way of organizing and visualizing color hues and the relationship between them around a circle. The 12-hues traditional color wheel (see graphic below) shows the primary, secondary, and tertiary colors as well as their relationships. Thanks to that visualization of theory, you can easily determine what colors work together for harmonious color combinations in a variety of ways.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-38079 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27144201\/color-wheel1.jpg\" alt=\"Color wheel visualization\" width=\"826\" height=\"555\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27144201\/color-wheel1.jpg 826w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27144201\/color-wheel1-300x202.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27144201\/color-wheel1-768x516.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27144201\/color-wheel1-80x54.jpg 80w\" sizes=\"(max-width: 826px) 100vw, 826px\" \/><\/p>\n<div id=\"types-of-colors\">\n<h3>1.3. Types of Colors in Color Theory<\/h3>\n<\/div>\n<p>When talking about color basics, everything starts with the color wheel that shows the relations between all types of colors.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-38031 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133058\/types-of-color-in-color-theory.jpg\" alt=\"Primary colors, secondary colors, tertiary colors\" width=\"826\" height=\"539\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133058\/types-of-color-in-color-theory.jpg 826w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133058\/types-of-color-in-color-theory-300x196.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133058\/types-of-color-in-color-theory-768x501.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133058\/types-of-color-in-color-theory-80x52.jpg 80w\" sizes=\"(max-width: 826px) 100vw, 826px\" \/><\/p>\n<ul>\n<li><strong>Primary colors (Ps)<\/strong>:<br \/>\nRed, yellow, and blue are the three primary pigment colors. They can&#8217;t be created by mixing other combinations of colors. However, the combinations of these hues deliver all other colors.<\/li>\n<li><strong>Secondary colors (S)<\/strong>:<br \/>\nOrange, green, and <a href=\"https:\/\/graphicmama.com\/blog\/ultra-violet-pantone-color-of-the-year-2018\/\" target=\"_blank\" rel=\"noopener\">violet<\/a> are the first color that we get when we mix the primary ones directly. Respectively, the combinations are yellow and red, yellow and blue, and red and blue.<\/li>\n<li><strong>Tertiary colors (Ts)<\/strong>:<br \/>\nAlso known as intermediates, these are the hues that we get when we combine a primary with a secondary color. For that reason, each of the six tertiary hues has a two-word name, as follows: yellow-orange, red-orange, red-violet, blue-violet, blue-green, and yellow-green.<\/li>\n<\/ul>\n<h4>Color Temperature<\/h4>\n<p>In color theory, colors also have a temperature. It&#8217;s a characteristic that refers to the relative coolness or warmth of each color. When you divide the color wheel into two halves, the\u00a0cool ones start with violet and ending with yellow-green, while the warm colors start with yellow and end with red-violet.<\/p>\n<ul>\n<li><strong>Cool colors<\/strong>:<br \/>\nBlue and\u00a0any color that includes blue as a\u00a0predominant component. The closer a color is to blue on the color wheel (the bluer it has), the cooler the color.<\/li>\n<li><strong>Warm colors<\/strong>:<br \/>\nYellow and any color that includes yellow as a predominant component. The closer a color is to yellow on the color wheel (the more yellow it has), the warmer the color.<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-38032 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133134\/color-temperature.jpg\" alt=\"Color temperature - cool and warm colors visuzalization\" width=\"826\" height=\"470\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133134\/color-temperature.jpg 826w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133134\/color-temperature-300x171.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133134\/color-temperature-768x437.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133134\/color-temperature-80x46.jpg 80w\" sizes=\"(max-width: 826px) 100vw, 826px\" \/><\/p>\n<p>The distinction between the two types in terms of temperature is extremely useful in design. This is not only because of the significantly different psychological impact of cool and warm colors. There is also the property of cool colors to appear distant and farther away from the observer, while warm colors appear closer.<\/p>\n<h4>Neutral Colors<\/h4>\n<p>In addition, there are also colors that struggle to earn the definition of colors. They are known as neutrals, as they hardly fall into the warm or cool category. In fact, the neutrals, especially black and white, are <a href=\"https:\/\/graphicmama.com\/blog\/black-and-white-illustrations\/\" target=\"_blank\" rel=\"noopener\">really capable to create amazing designs on their own<\/a> without the use of vibrant colors.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-38033 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133151\/neutral-colors.jpg\" alt=\"Neutral colors - black, white and grey\" width=\"826\" height=\"200\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133151\/neutral-colors.jpg 826w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133151\/neutral-colors-300x73.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133151\/neutral-colors-768x186.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133151\/neutral-colors-80x19.jpg 80w\" sizes=\"(max-width: 826px) 100vw, 826px\" \/><\/p>\n<ul>\n<li><strong>Black<\/strong>:<br \/>\nIn science, black is considered the absence of light, while in design, it is created by pigments. In fact, designers use colors to create the darkest approximately black colors, since true black as a pigment is impossible to make.<\/li>\n<li><strong>White<\/strong>:<br \/>\nSimilar to black, white is the absence of color and you can&#8217;t mix colors to create white. Also same as black, true white is impossible to recreate unless we&#8217;re talking about unfiltered sunlight.<\/li>\n<li><strong>Neutral colors<\/strong>:<br \/>\nThey are pale or dark shades of natural colors that are almost devoid of hue. On the wheel, they are at the far center and periphery. Neutral colors include black, white, greys, browns, and tans.<\/li>\n<\/ul>\n<div id=\"types-of-color-combinations\">\n<h2>2. Types of Color Combinations in Color Theory<\/h2>\n<\/div>\n<p>When it comes to<a href=\"https:\/\/graphicmama.com\/blog\/good-color-combinations\/\" target=\"_blank\" rel=\"noopener\"> combining colors<\/a> by using the color wheel, there are five ways to achieve that in color theory. Truth is, you can create as many harmonious schemes and palettes as you can imagine, but the results will always fall into one of those categories. So let&#8217;s see how they work.<\/p>\n<div id=\"monochrome\">\n<h3>2.1. Monochrome Color Combinations<\/h3>\n<\/div>\n<p>The first and simplest method to combine colors, in color theory, is to create a combination of different variations of a single hue.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-38034 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133214\/monochrome-combinations.jpg\" alt=\"Monochrome color combination example\" width=\"826\" height=\"479\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133214\/monochrome-combinations.jpg 826w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133214\/monochrome-combinations-300x174.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133214\/monochrome-combinations-768x445.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133214\/monochrome-combinations-120x70.jpg 120w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133214\/monochrome-combinations-80x46.jpg 80w\" sizes=\"(max-width: 826px) 100vw, 826px\" \/><\/p>\n<p>In the graphic above, we have included only different shades and tints of the pure yellow hue. However, you could also try out similar tones. Although this method seems limited, it&#8217;s quite fun to experiment with and will always give your designs a visually appealing and simplified look.<\/p>\n<p>This is especially useful for projects that include heavy data and overall busy designs.<\/p>\n<p>Another absolute advantage is if your brand has a particular color that your audience identifies it with.\u00a0Simply combining different shades, tints, or tones of your brand color will personalize your presentation even further.<\/p>\n<p>In the first example, we have a monochrome color scheme with two different tones of blue that look rich and diverse, because of the different shades and tints created by the gradient. The same goes for the second example, which also uses gradients to enrich the orange tones.<\/p>\n\t\t<div class=\"cols\">\n\t\n\t<div class=\"col col-1of2\">\n\t\t\n<div id=\"attachment_37567\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37567\" class=\"wp-image-37567 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17143255\/monochrome-example-01.png\" alt=\"Monochrome color combination example with blue\" width=\"405\" height=\"264\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17143255\/monochrome-example-01.png 405w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17143255\/monochrome-example-01-300x196.png 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17143255\/monochrome-example-01-80x52.png 80w\" sizes=\"(max-width: 405px) 100vw, 405px\" \/><p id=\"caption-attachment-37567\" class=\"wp-caption-text\"><a href=\"https:\/\/www.behance.net\/gallery\/85842965\/VIVO-Z1-PRO-MEDIA-LAUNCH-EVENT-2019\" target=\"_blank\" rel=\"nofollow noopener\">VIVO Z1 PRO MEDIA LAUNCH EVENT 2019 by Gaurav Kumar<\/a><\/p><\/div>\n\t<\/div>\n\n\t\n\n\t<div class=\"col col-1of2\">\n\t\t\n<div id=\"attachment_37569\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37569\" class=\"wp-image-37569 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17143359\/monochrome-example-03.png\" alt=\"Orange monochrome color design\" width=\"405\" height=\"264\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17143359\/monochrome-example-03.png 405w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17143359\/monochrome-example-03-300x196.png 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17143359\/monochrome-example-03-80x52.png 80w\" sizes=\"(max-width: 405px) 100vw, 405px\" \/><p id=\"caption-attachment-37569\" class=\"wp-caption-text\">Institucional BDMG 2020 by Pedro Assis<\/p><\/div>\n\t<\/div>\n\n\t\t\t<\/div>\n\t\n<div id=\"complementary\">\n<h3>2.2. Complementary Color Combinations<\/h3>\n<\/div>\n<p>As the title suggests, complementary are the colors that sit directly one against another on the color wheel. In the graphic below, you can see two examples of complementary colors: yellow-orange against blue-violet, and blue-green against red-orange.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-38035 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133232\/complementary-color-combinations.jpg\" alt=\"Complementary Color Combinations described on color wheel\" width=\"826\" height=\"541\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133232\/complementary-color-combinations.jpg 826w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133232\/complementary-color-combinations-300x196.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133232\/complementary-color-combinations-768x503.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133232\/complementary-color-combinations-80x52.jpg 80w\" sizes=\"(max-width: 826px) 100vw, 826px\" \/><\/p>\n<p>The colors work great for creating high- contrast and give accents to elements in your design that you need to direct your audience&#8217;s attention to. This is easily achieved when you pick your dominant color, usually the cool one, and use the complimentary warm color only for the most important sections or CTAs. Surely, since such high-contrast colors are usually vibrant at full saturation, they must be managed carefully to be balanced and not look too jarring and overwhelming.<\/p>\n<p>In the first example, the main complementary colors are violet and yellow. We also see a lovely addition of blue-green and lime, however, none of those greens is complimentary to violet or yellow.\u00a0 In the second, pastel tints of blue-green and red-orange create a complementary combination. There is also a third accent color yellow, but similar to the first example, it&#8217;s not a complementary color to any of the dominant two.<\/p>\n\t\t<div class=\"cols\">\n\t\n\t<div class=\"col col-1of2\">\n\t\t\n<div id=\"attachment_37576\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37576\" class=\"wp-image-37576 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17144529\/complementary-colors-example-01.png\" alt=\"Complementary Colors - green and violet\" width=\"405\" height=\"264\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17144529\/complementary-colors-example-01.png 405w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17144529\/complementary-colors-example-01-300x196.png 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17144529\/complementary-colors-example-01-80x52.png 80w\" sizes=\"(max-width: 405px) 100vw, 405px\" \/><p id=\"caption-attachment-37576\" class=\"wp-caption-text\"><a href=\"https:\/\/www.behance.net\/gallery\/77754571\/NATUR-I-BRANDING-DESIGN\" target=\"_blank\" rel=\"noopener\">NATUR I BRANDING DESIGN by Cristhian Costa Fonteles<\/a><\/p><\/div>\n\t<\/div>\n\n\t\n\n\t<div class=\"col col-1of2\">\n\t\t\n<div id=\"attachment_37577\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37577\" class=\"wp-image-37577 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17144609\/complementary-colors-example-2.png\" alt=\"Nice complementary colors in design\" width=\"405\" height=\"264\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17144609\/complementary-colors-example-2.png 405w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17144609\/complementary-colors-example-2-300x196.png 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17144609\/complementary-colors-example-2-80x52.png 80w\" sizes=\"(max-width: 405px) 100vw, 405px\" \/><p id=\"caption-attachment-37577\" class=\"wp-caption-text\"><a href=\"https:\/\/www.behance.net\/gallery\/79266305\/FLOREIE-SE-I-ART-DIRECTION-I-DESIGN\" target=\"_blank\" rel=\"noopener\">FLOREIE-SE I ART DIRECTION I DESIGN by Cristhian Costa Fonteles<\/a><\/p><\/div>\n\t<\/div>\n\n\t\t\t<\/div>\n\t\n<div id=\"split-complementary\">\n<h3>2.3. Split Complementary<\/h3>\n<\/div>\n<p>In color theory, this method is a variation of the previous one for richer palettes with more colors. However, with split complementary combinations, instead of two, you use three colors that sit directly against one another on the wheel.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-38036 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133249\/split-complimentary-color-combinations.jpg\" alt=\"Split Complementary in color wheel\" width=\"826\" height=\"475\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133249\/split-complimentary-color-combinations.jpg 826w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133249\/split-complimentary-color-combinations-300x173.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133249\/split-complimentary-color-combinations-768x442.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133249\/split-complimentary-color-combinations-120x70.jpg 120w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133249\/split-complimentary-color-combinations-80x46.jpg 80w\" sizes=\"(max-width: 826px) 100vw, 826px\" \/><\/p>\n<p>These palettes include cool and warm colors and bring a lot of balance to your designs. Similar to complementary palettes, here you can use two cool colors for your overall design (for example, blue background with violet sections), and set the warm color (in this case: orange) for your target elements.<\/p>\n<p>What we see in the first example is a split complementary of tones of red, red-violet, and green with additional white for contrast. In the second, the main colors are variations of yellow, purple, and pink.<\/p>\n\t\t<div class=\"cols\">\n\t\n\t<div class=\"col col-1of2\">\n\t\t\n<div id=\"attachment_37578\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37578\" class=\"wp-image-37578 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17150508\/split-complementary-colors-example-01.png\" alt=\"\" width=\"405\" height=\"264\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17150508\/split-complementary-colors-example-01.png 405w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17150508\/split-complementary-colors-example-01-300x196.png 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17150508\/split-complementary-colors-example-01-80x52.png 80w\" sizes=\"(max-width: 405px) 100vw, 405px\" \/><p id=\"caption-attachment-37578\" class=\"wp-caption-text\"><a href=\"https:\/\/www.behance.net\/gallery\/86219987\/Bens\" target=\"_blank\" rel=\"noopener\">Ben&#8217;s by Lado Beniaidze<\/a><\/p><\/div>\n\t<\/div>\n\n\t\n\n\t<div class=\"col col-1of2\">\n\t\t\n<div id=\"attachment_37601\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37601\" class=\"wp-image-37601 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18082430\/split-complementary.png\" alt=\"\" width=\"405\" height=\"264\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18082430\/split-complementary.png 405w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18082430\/split-complementary-300x196.png 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18082430\/split-complementary-80x52.png 80w\" sizes=\"(max-width: 405px) 100vw, 405px\" \/><p id=\"caption-attachment-37601\" class=\"wp-caption-text\"><a href=\"https:\/\/www.behance.net\/gallery\/107255145\/CRE90WRLD-313-110420\" target=\"_blank\" rel=\"noopener\">CRE.90.WRLD [313 &#8211; 11.04.20] by huleeb<\/a><\/p><\/div>\t<\/div>\n\n\t\t\t<\/div>\n\t\n<div id=\"analogous\">\n<h3>2.4. Analogous Color Combinations<\/h3>\n<\/div>\n<p>Opposite to the complementary colors, these hues are located next to one another which creates balanced harmonic palettes. These combinations look natural as one color is dominant and the others highlight and complete and it.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-38037 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133305\/analogous-color-combinations.jpg\" alt=\"Analogous color combination on color wheel\" width=\"826\" height=\"475\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133305\/analogous-color-combinations.jpg 826w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133305\/analogous-color-combinations-300x173.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133305\/analogous-color-combinations-768x442.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133305\/analogous-color-combinations-120x70.jpg 120w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133305\/analogous-color-combinations-80x46.jpg 80w\" sizes=\"(max-width: 826px) 100vw, 826px\" \/><\/p>\n<p>This method works amazing with more colors as harmony allows it without overwhelming the design. Another reason is that using just two or three colors are that way too similar would sometimes wash out the design.<\/p>\n<p>To prevent that from happening, many designers use high contrast neutrals such as black and white, as you will see in the two examples below. The usual scheme involves one dominant color, a second to support it, and a third along with neutral as an accent.<\/p>\n<p>In the first example, the designer has bet on blue, blue-violet, violet, and red-violet that blend through a pattern and serve as a great base for the black logo. In the second, blues and greens contrast perfectly with white.<\/p>\n\t\t<div class=\"cols\">\n\t\n\t<div class=\"col col-1of2\">\n\t\t\n<div id=\"attachment_37580\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37580\" class=\"wp-image-37580 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17150707\/analogous-colors-example-01.png\" alt=\"\" width=\"405\" height=\"264\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17150707\/analogous-colors-example-01.png 405w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17150707\/analogous-colors-example-01-300x196.png 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17150707\/analogous-colors-example-01-80x52.png 80w\" sizes=\"(max-width: 405px) 100vw, 405px\" \/><p id=\"caption-attachment-37580\" class=\"wp-caption-text\"><a href=\"https:\/\/www.behance.net\/gallery\/51694623\/Stylish-playfulness-for-INDIGO-condoms\" target=\"_blank\" rel=\"noopener\">Stylish playfulness for INDIGO condoms by Fabula Branding<\/a><\/p><\/div>\n\t<\/div>\n\n\t\n\n\t<div class=\"col col-1of2\">\n\t\t\n<div id=\"attachment_37581\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37581\" class=\"size-full wp-image-37581\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17150857\/analogous-colors-example-02.png\" alt=\"\" width=\"405\" height=\"264\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17150857\/analogous-colors-example-02.png 405w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17150857\/analogous-colors-example-02-300x196.png 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17150857\/analogous-colors-example-02-80x52.png 80w\" sizes=\"(max-width: 405px) 100vw, 405px\" \/><p id=\"caption-attachment-37581\" class=\"wp-caption-text\"><a href=\"https:\/\/www.behance.net\/gallery\/89755575\/Pepsi-EXPO-2020\" target=\"_blank\" rel=\"noopener\">Pepsi EXPO 2020 by Multiple Owners<\/a><\/p><\/div>\n\t<\/div>\n\n\t\t\t<\/div>\n\t\n<div id=\"triadic\">\n<h3>2.5. Triadic Color Combinations<\/h3>\n<\/div>\n<p>The triadic color combinations use colors that sit evenly around the color wheel. This allows three different hues that create a nice contrast even if you decide to unsaturate them.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-38038 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133324\/triadic-color-combinations.jpg\" alt=\"Triadic color combination in Color wheel\" width=\"826\" height=\"475\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133324\/triadic-color-combinations.jpg 826w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133324\/triadic-color-combinations-300x173.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133324\/triadic-color-combinations-768x442.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133324\/triadic-color-combinations-120x70.jpg 120w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133324\/triadic-color-combinations-80x46.jpg 80w\" sizes=\"(max-width: 826px) 100vw, 826px\" \/><\/p>\n<p>As with any other method, in order to create a perfectly balanced triadic palette, in most cases you let one color dominate the design and use the other two as accents. As you can see on the graphic above, in a 12-colors wheel, you can have four triadic color combinations. We illustrated blue-green, yellow-orange, and red-violet; as well as yellow-green, red-orange, and blue-violet. Respectively, the remaining two would be red, yellow, and blue; and orange, green, and violet.<\/p>\n<p>The examples below, however, show a perfect triadic balance. In the first photo, the dominant color is a neutral one (the skin tone of the models serves as a base), while the triadic combination of red, yellow, and blue is equally used as accents, contrasts perfectly, and enriches the composition. In the second, we see dominant green, combined with secondary pink and orange for accent.<\/p>\n\t\t<div class=\"cols\">\n\t\n\t<div class=\"col col-1of2\">\n\t\t\n<div id=\"attachment_37582\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37582\" class=\"size-full wp-image-37582\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17151552\/triadic-colors-example-01.png\" alt=\"\" width=\"405\" height=\"264\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17151552\/triadic-colors-example-01.png 405w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17151552\/triadic-colors-example-01-300x196.png 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17151552\/triadic-colors-example-01-80x52.png 80w\" sizes=\"(max-width: 405px) 100vw, 405px\" \/><p id=\"caption-attachment-37582\" class=\"wp-caption-text\"><a href=\"https:\/\/www.behance.net\/gallery\/101504145\/Desert\" target=\"_blank\" rel=\"noopener\">Desert by Eszter Sarah<\/a><\/p><\/div>\n\t<\/div>\n\n\t\n\n\t<div class=\"col col-1of2\">\n\t\t\n<div id=\"attachment_37583\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37583\" class=\"size-full wp-image-37583\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17151618\/triadic-colors-example-02.png\" alt=\"\" width=\"405\" height=\"264\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17151618\/triadic-colors-example-02.png 405w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17151618\/triadic-colors-example-02-300x196.png 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17151618\/triadic-colors-example-02-80x52.png 80w\" sizes=\"(max-width: 405px) 100vw, 405px\" \/><p id=\"caption-attachment-37583\" class=\"wp-caption-text\"><a href=\"https:\/\/www.behance.net\/gallery\/105520201\/Archways-Objects\" target=\"_blank\" rel=\"noopener\">Archways &amp; Objects by mohna singh<\/a><\/p><\/div>\n\t<\/div>\n\n\t\t\t<\/div>\n\t\n<div id=\"tetradic\">\n<h3>2.6. Tetradic Color Combinations<\/h3>\n<\/div>\n<p>Also known as the rectangle color scheme, this method uses four colors that sit into two complementary pairs, as illustrated in the graphic below. There is another variation of this color combination that uses a square for similar results. In this case, the four colors sit evenly around the color circle.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-38039 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133341\/tetradic-color-combinations.jpg\" alt=\"Tetradic color combination on color wheel\" width=\"826\" height=\"475\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133341\/tetradic-color-combinations.jpg 826w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133341\/tetradic-color-combinations-300x173.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133341\/tetradic-color-combinations-768x442.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133341\/tetradic-color-combinations-120x70.jpg 120w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133341\/tetradic-color-combinations-80x46.jpg 80w\" sizes=\"(max-width: 826px) 100vw, 826px\" \/><\/p>\n<p>Back to the tetrad, the method offers even richer and more diverse color palettes in comparison to the tetrad, and many possibilities for a variation.\u00a0 When you use the rectangle to combine your colors, please keep in mind to balance the cool and warm colors in your overall design.<\/p>\n<p>With the examples that use tetradic combinations, we see a logo which design allows the even use of the four colors without a dominant one (if we exclude the neutral background), and the four elements of the carousel contrast perfectly. The next illustration offers other variations of green, blue, red, and yellow and uses the green tones as dominant.<\/p>\n\t\t<div class=\"cols\">\n\t\n\t<div class=\"col col-1of2\">\n\t\t\n<div id=\"attachment_37584\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37584\" class=\"wp-image-37584 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17152257\/tetradic-colors-example-02.png\" alt=\"\" width=\"405\" height=\"264\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17152257\/tetradic-colors-example-02.png 405w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17152257\/tetradic-colors-example-02-300x196.png 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17152257\/tetradic-colors-example-02-80x52.png 80w\" sizes=\"(max-width: 405px) 100vw, 405px\" \/><p id=\"caption-attachment-37584\" class=\"wp-caption-text\"><a href=\"https:\/\/www.behance.net\/gallery\/104692881\/The-Four-Horsemen-logo\" target=\"_blank\" rel=\"noopener\">The Four Horsemen logo by Gerg\u0151 Horv\u00e1th<\/a><\/p><\/div>\n\t<\/div>\n\n\t\n\n\t<div class=\"col col-1of2\">\n\t\t\n<div id=\"attachment_37585\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37585\" class=\"wp-image-37585 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17152328\/tetradic-colors-example-01.png\" alt=\"\" width=\"405\" height=\"264\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17152328\/tetradic-colors-example-01.png 405w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17152328\/tetradic-colors-example-01-300x196.png 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17152328\/tetradic-colors-example-01-80x52.png 80w\" sizes=\"(max-width: 405px) 100vw, 405px\" \/><p id=\"caption-attachment-37585\" class=\"wp-caption-text\"><a href=\"https:\/\/www.behance.net\/gallery\/72967995\/The-Power-of-IBM-Watson-Branding-Illustration\" target=\"_blank\" rel=\"noopener\">The Power of IBM Watson | Branding Illustration by Multiple Owners<\/a><\/p><\/div>\n\t<\/div>\n\n\t\t\t<\/div>\n\t\n<div id=\"individual\">\n<h3>2.7. Individual Color Combinations: What Colors Go Well Together<\/h3>\n<\/div>\n<p>This is generally subjective as every pair of colors can be combined in the right tone, tint, or shade. However, there are some classic combinations that you will find in many designs from fashion, and interior design, to graphic and web design. So let&#8217;s have a look at some of those pairs.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-38040 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133356\/individual-color-combinations.jpg\" alt=\"individual color combination\" width=\"826\" height=\"803\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133356\/individual-color-combinations.jpg 826w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133356\/individual-color-combinations-300x292.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133356\/individual-color-combinations-768x747.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133356\/individual-color-combinations-80x78.jpg 80w\" sizes=\"(max-width: 826px) 100vw, 826px\" \/><\/p>\n\t\t<div class=\"cols\">\n\t\n\t<div class=\"col col-1of2\">\n\t\t\n<h4>Neutrals<\/h4>\n<ul>\n<li><strong>Black:<\/strong><br \/>\nSince it&#8217;s a universal color, it looks great with any other color. It combines especially well with orange, green, white, red, and yellow.<\/li>\n<li><strong>White:<\/strong><br \/>\nAnother universal color, goes perfectly with blue, red, and black.<\/li>\n<li><strong>Beige<\/strong>:<br \/>\nBlue, brown, green, and red.<\/li>\n<li><strong>Brown:<\/strong><br \/>\nBright-cyan, cream, pink, and beige.<\/li>\n<li><strong>Grey:<\/strong><br \/>\nFuchsia, violet, pink, and blue.<\/li>\n<\/ul>\n\t<\/div>\n\n\t\n\n\t<div class=\"col col-1of2\">\n\t\t\n<h4>Metallics<\/h4>\n<ul>\n<li><strong>Gold:<\/strong><br \/>\nBlack, burgundy, rose, and military green.<\/li>\n<li><strong>Rose Gold:<\/strong><br \/>\nRed-violet, flamingo pink, and peach.<\/li>\n<li><strong>Silver:<\/strong><br \/>\nBlue, brown, and antique gold.<\/li>\n<li><strong>Copper:<\/strong><br \/>\nWhite, neutral green, and navy.<\/li>\n<\/ul>\n\t<\/div>\n\n\t\t\t<\/div>\n\t\n\t\t<div class=\"cols\">\n\t\n\t<div class=\"col col-1of2\">\n\t\t\n<h4>Cool Colors<\/h4>\n<ul>\n<li><strong>Violet:<\/strong><br \/>\nGolden-brown, pale-yellow, and mint.<\/li>\n<li><strong>Blue-Violet:<\/strong><br \/>\nOrange, pink, yellow, and white.<\/li>\n<li><strong>Blue:<\/strong><br \/>\nLilac, cyan, yellow-green, brown, and grey.<\/li>\n<li><strong>Blue-Green<\/strong>:<br \/>\nBrown, orange, pink, cherry-red, and beige.<\/li>\n<li><strong>Green<\/strong>:<br \/>\nOrange, yellow, brown, and creamy-white.<\/li>\n<li><strong>Yellow-Green:<br \/>\n<\/strong>Cherry-red, blue, and gray.<\/li>\n<\/ul>\n\t<\/div>\n\n\t\n\n\t<div class=\"col col-1of2\">\n\t\t\n<h4>Warm Colors:<\/h4>\n<ul>\n<li><strong>Yellow:<\/strong><br \/>\nGray,\u00a0 azure, lilac, and black.<\/li>\n<li><strong>Yellow-Orange:<\/strong><br \/>\nGray, brown, and olive.<\/li>\n<li><strong>Orange:<\/strong><br \/>\nCyan, blue, and lilac.<\/li>\n<li><strong>Red-Orange:<\/strong><br \/>\nCyan, mint, and creamy-white.<\/li>\n<li><strong>Red:<\/strong><br \/>\nYellow, green, blue, and black.<\/li>\n<li><strong>Red-Violet:<\/strong><br \/>\nGray, lime, mint, azure, gray, and beige.<\/li>\n<\/ul>\n\t<\/div>\n\n\t\t\t<\/div>\n\t\n<p><em>Update:<\/em> You may also be interested in learning more about <a href=\"https:\/\/graphicmama.com\/blog\/pantone-color-of-the-year-2022\/\" target=\"_blank\" rel=\"noopener\">the color of 2022: Very Peri<\/a>.<\/p>\n<p>&nbsp;<\/p>\n<div id=\"gradients\">\n<h3>2.8. Gradient Color combinations<\/h3>\n<\/div>\n<p>For a while, gradients were put aside from graphic and web design in favor of flat style, but since 2018, they have once more returned to the scene. The trend is constantly evolving as designers constantly master their skills to create beautiful color transitions and use them way better in comparison to the overwhelming gradient designs in the 90s. Remember the big red high-contrast gradient CTA buttons with lights, drop shadows, and patterns? Thankfully, those aren&#8217;t coming back any time soon.<\/p>\n<p>So what are gradients? In short, these are color transitions that blend from one color to another and aren&#8217;t limited to just two hues. There aren&#8217;t rules for the type of colors you blend, as you can make a transition between similar colors or completely contrasting ones. In the graphic below, there are ten different examples of gradients. Some include the transition between two warm colors, others between cool tones, while in other instances they are mixed.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-38041 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133415\/gradient-color-combinations.jpg\" alt=\"color gradients - examples\" width=\"826\" height=\"479\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133415\/gradient-color-combinations.jpg 826w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133415\/gradient-color-combinations-300x174.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133415\/gradient-color-combinations-768x445.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133415\/gradient-color-combinations-120x70.jpg 120w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27133415\/gradient-color-combinations-80x46.jpg 80w\" sizes=\"(max-width: 826px) 100vw, 826px\" \/><\/p>\n<p>The methods to combine colors according to the color theory are the same for gradients as well as for flat design. What gradients do better than flat, however, is they add more depth and create texture. Gradient color combinations are rich and attention-grabbing and since they came back in 2018, they feel more luminous, bright, and modern.<\/p>\n\t\t<div class=\"cols\">\n\t\n\t<div class=\"col col-1of2\">\n\t\t\n<div id=\"attachment_37586\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37586\" class=\"size-full wp-image-37586\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17153117\/gradient-colors-example-01.png\" alt=\"\" width=\"405\" height=\"264\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17153117\/gradient-colors-example-01.png 405w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17153117\/gradient-colors-example-01-300x196.png 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17153117\/gradient-colors-example-01-80x52.png 80w\" sizes=\"(max-width: 405px) 100vw, 405px\" \/><p id=\"caption-attachment-37586\" class=\"wp-caption-text\">Illustrations June Series &#8211; 2016 by Nuria Boj<\/p><\/div>\n\t<\/div>\n\n\t\n\n\t<div class=\"col col-1of2\">\n\t\t\n<div id=\"attachment_37587\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37587\" class=\"size-full wp-image-37587\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17153150\/gradient-colors-example-02.png\" alt=\"\" width=\"405\" height=\"264\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17153150\/gradient-colors-example-02.png 405w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17153150\/gradient-colors-example-02-300x196.png 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17153150\/gradient-colors-example-02-80x52.png 80w\" sizes=\"(max-width: 405px) 100vw, 405px\" \/><p id=\"caption-attachment-37587\" class=\"wp-caption-text\"><a href=\"https:\/\/www.behance.net\/gallery\/88573847\/POSTER-DESIGN\" target=\"_blank\" rel=\"noopener\">POSTER DESIGN by Jinto Tomy<\/a><\/p><\/div>\n\t<\/div>\n\n\t\t\t<\/div>\n\t\n<div id=\"psychology\">\n<h2>3. Color Combinations in Psychology<\/h2>\n<\/div>\n<div id=\"influence\">\n<h3>3.1. How Colors Influence Mood and Emotions<\/h3>\n<\/div>\n<p>Combining colors isn&#8217;t just about aesthetics, optimization, and making your designs beautiful and eye-catching. Therefore, the color theory might not be enough for modern design. Half the work for creating palettes is strategically choosing the specific colors that will successfully convey your message and influence your audience to make the response you desire.<\/p>\n<p>Colors evoke emotions and there&#8217;s no way around it. On one hand, the psychology and meaning behind each tone of a hue vary in different cultures, cases, and combinations. On the other, there are a few established guidelines that could help you start.<\/p>\n<p>Amongst the most popular claims is that warm colors are inherently positive while cool ones are negative. This is somewhat true, but it&#8217;s not a rule. For example, red is a warm color but most of its tones, especially with higher intensity and purity, evokes the feeling of rage or danger. Yellow, the primary warm color, can evoke anxiety and a sense of urgency. There are even some tones of yellow that are associated with jaundice and look sick. So let&#8217;s touch the hues in their purest most vibrant tones briefly and see how each one can affect the behavior of your targeted audience.<\/p>\n<div id=\"attachment_37564\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37564\" class=\"wp-image-37564 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17131031\/Color-Combinations-as-the-conduct-of-meaning-symbolism.png\" alt=\"\" width=\"826\" height=\"426\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17131031\/Color-Combinations-as-the-conduct-of-meaning-symbolism.png 826w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17131031\/Color-Combinations-as-the-conduct-of-meaning-symbolism-300x155.png 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17131031\/Color-Combinations-as-the-conduct-of-meaning-symbolism-768x396.png 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/17131031\/Color-Combinations-as-the-conduct-of-meaning-symbolism-80x41.png 80w\" sizes=\"(max-width: 826px) 100vw, 826px\" \/><p id=\"caption-attachment-37564\" class=\"wp-caption-text\"><a href=\"https:\/\/unsplash.com\/photos\/zAOBpEE_vV4\" target=\"_blank\" rel=\"noopener\">Photography by Laura Ockel<\/a><\/p><\/div>\n<div id=\"hues-in-marketing\"><\/div>\n<h3>3.2. Individual hues in marketing<\/h3>\n<p>While people usually respond in a certain way towards individual colors, it&#8217;s important to keep in mind that the effect of each hue depends on many factors: combinations, contexts, experience, personal taste, age, gender, and cultural differences. Additional research is always essential when you choose your colors for a specific target audience.<\/p>\n\t\t<div class=\"cols\">\n\t\n\t<div class=\"col col-1of2\">\n\t\t\n<h4>Warm Colors:<\/h4>\n<ul>\n<li><strong>Yellow:<br \/>\n<\/strong>Bright and intense color that is attention-grabbing, warm, and lively. At the same time, it&#8217;s difficult to read and overwhelming to the eyes, and can also create feelings of frustration and anxiety. It&#8217;s usually common in sales for impulsive buyers.<\/li>\n<li><strong>Orange:<br \/>\n<\/strong>Very engaging and popular for CTA, logos, and accent colors for its ability to draw attention. It&#8217;s rarely used outside accents, as it&#8217;s a very intensive energetic color that calls feelings of excitement and enthusiasm. Too much orange might irritate your visitors.<\/li>\n<li><strong>Red:<br \/>\n<\/strong>Commonly used with sales, a strong color that causes faster reactions. Red raises blood pressure and is also great to use for engaging and socializing. Therefore, if it&#8217;s heavily used, it might have a negative effect on the audience and turn your visitors away.<\/li>\n<li><strong>Pink:<br \/>\n<\/strong>The most feminine and romantic color, it&#8217;s ideal for children&#8217;s toys, nurseries, and women&#8217;s health products. In comparison to its primary color red, the longer you&#8217;re exposed to pink, the calmer you become.<\/li>\n<li><strong>Purple:<br \/>\n<\/strong>A royal color, is associated with wealth, sensuality, and wisdom. This is why it&#8217;s heavily used with luxurious goods, as well as high-end beauty products. Due to its dramatic nature, it also gives romantic and mysterious vibes.<\/li>\n<\/ul>\n\t<\/div>\n\n\t\n\n\t<div class=\"col col-1of2\">\n\t\t\n<h4>Cool colors and Neutrals:<\/h4>\n<ul>\n<li><strong>Green:<br \/>\n<\/strong>Easy on the eye and relaxing color. It&#8217;s strongly associated with nature, bioproducts, good luck, health, and wealth. On the other hand, green is also the color of envy or poison, so the right tone and shade of this color are of extreme importance.<\/li>\n<li><strong>Blue:<br \/>\n<\/strong>According to a worldwide survey, blue is the most popular and loved color not only amongst men but also among women as well. It has strong uses in communications, banking, and insurance as it evokes feelings of security, loyalty, honesty, power, and reliability. Depending on the shade, blue can also evoke sadness and loneliness.<\/li>\n<li><strong>Black:<br \/>\n<\/strong>Universal elegant and sophisticated color that is commonly used in high-end brands. It&#8217;s associated with high class and power and is often used in communications.<\/li>\n<li><strong>White:<br \/>\n<\/strong>Universal high-contrast color that adds space and conveys purity, cleanliness, freshness, and simplicity but it can also feel sterile and cold. It&#8217;s heavily used in healthcare and the tech industry.<\/li>\n<li><strong>Grey:<br \/>\n<\/strong>Subtle color for subtle people who prefer not to stand out. Due to its simplicity, it&#8217;s used to calm visitors and make them feel comfortable. It&#8217;s also a common color in the tech industry.<\/li>\n<\/ul>\n\t<\/div>\n\n\t\t\t<\/div>\n\t\n<p>You may also be interested in <a href=\"https:\/\/graphicmama.com\/blog\/website-color-schemes\/\" target=\"_blank\" rel=\"noopener\">39 examples of website color schemes to awaken your creativity.<\/a><\/p>\n<div id=\"attachment_37641\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37641\" class=\"size-full wp-image-37641\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18141848\/moods.png\" alt=\"\" width=\"826\" height=\"426\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18141848\/moods.png 826w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18141848\/moods-300x155.png 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18141848\/moods-768x396.png 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18141848\/moods-80x41.png 80w\" sizes=\"(max-width: 826px) 100vw, 826px\" \/><p id=\"caption-attachment-37641\" class=\"wp-caption-text\"><a href=\"https:\/\/unsplash.com\/photos\/s4RaGIo2eYI\" target=\"_blank\" rel=\"noopener\">Photography by Sharon McCutcheon<\/a><\/p><\/div>\n<div id=\"color-palettes-examples\">\n<h3>3.3. Moods and emotions through color palettes<\/h3>\n<\/div>\n<p>Those were the major effects of the purest state of the colors, according to color theory. When we take all factors into consideration and decide what feelings and emotions we wish to convey, this effect depends heavily on the brightness, tone, tint of the shade, and temperature of our colors. Your orange is too energetic? You can turn down the intensity and add more white to create a relaxing pastel color. You have too many blues in your design and it feels sad? Mix with a warm tone to cheer it up.<\/p>\n\t\t<div class=\"cols\">\n\t\n\t<div class=\"col col-1of2\">\n\t\t\n<ul>\n<li><strong>Calm colors<\/strong>:<br \/>\nThose are usually lighter tints of blues and greens. The most soothing color schemes are the pastel palettes. Think of baby blue, mint, lilac, rose pink, and light yellow, especially when combined with neutrals such as beige, white, and light soft grey.<\/li>\n<li><strong>Energy colors<\/strong>:<br \/>\nThe brightest most vibrant shades of the hues such as bright red, neon green, magenta, cyan, bright yellow, and vibrant blue. Those are the colors that stimulate and energize but can also irritate and exhaust.<\/li>\n<\/ul>\n\t<\/div>\n\n\t\n\n\t<div class=\"col col-1of2\">\n\t\t\n<ul>\n<li><strong>Happy colors<\/strong>:<br \/>\nThese are the warm pinks, oranges, and reds. They can be pastel, and candy colors, as well as vibrant and engaging. It&#8217;s important for these colors to be at a high intensity, meaning you could play with the value, but avoid adding grey.<\/li>\n<li><strong>Sad colors<\/strong>:<br \/>\nThe greyish, unsaturated, and darkened tones of cool colors. When colors are devoid of their vibrancy and warmth, they can feel empty, lonely, and depressing.<\/li>\n<\/ul>\n\t<\/div>\n\n\t\t\t<\/div>\n\t\n<h4>Cool color palettes<\/h4>\n<p>These are the color schemes that include shades of cool colors such as blue, green, and violet and are often mixed with neutrals for better contrast. In general, cool colors are calming and relaxing. However, depending on the specific tones, cool palettes can convey sadness and depression. Such lonely schemes usually include greys and unsaturated blues and greys. With more intensity, the same colors can feel more positive and communicate health, beauty, reliability, and even freshness.<\/p>\n<p>Let&#8217;s have a look at some visual examples of the versatile nature of cool color palettes.<\/p>\n\t\t<div class=\"cols\">\n\t\n\t<div class=\"col col-1of2\">\n\t\t\n<h5>Sadness and melancholy<\/h5>\n<div id=\"attachment_37611\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37611\" class=\"wp-image-37611 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18121847\/cool-color-palette-sadness.png\" alt=\"\" width=\"405\" height=\"405\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18121847\/cool-color-palette-sadness.png 405w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18121847\/cool-color-palette-sadness-150x150.png 150w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18121847\/cool-color-palette-sadness-300x300.png 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18121847\/cool-color-palette-sadness-80x80.png 80w\" sizes=\"(max-width: 405px) 100vw, 405px\" \/><p id=\"caption-attachment-37611\" class=\"wp-caption-text\">Melancholy girl by ?.<\/p><\/div>\n\t<\/div>\n\n\t\n\n\t<div class=\"col col-1of2\">\n\t\t\n<h5>Calming and relaxing<\/h5>\n<div id=\"attachment_37612\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37612\" class=\"wp-image-37612 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18122402\/cool-color-palette-calmness.png\" alt=\"\" width=\"405\" height=\"405\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18122402\/cool-color-palette-calmness.png 405w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18122402\/cool-color-palette-calmness-150x150.png 150w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18122402\/cool-color-palette-calmness-300x300.png 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18122402\/cool-color-palette-calmness-80x80.png 80w\" sizes=\"(max-width: 405px) 100vw, 405px\" \/><p id=\"caption-attachment-37612\" class=\"wp-caption-text\">Calming Costal View by Alex Spenser<\/p><\/div>\n\t<\/div>\n\n\t\t\t<\/div>\n\t\n\t\t<div class=\"cols\">\n\t\n\t<div class=\"col col-1of2\">\n\t\t\n<h5>Fresh and uplifting<\/h5>\n<div id=\"attachment_37613\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37613\" class=\"size-full wp-image-37613\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18122806\/cool-color-palette-peaceful.png\" alt=\"\" width=\"405\" height=\"405\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18122806\/cool-color-palette-peaceful.png 405w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18122806\/cool-color-palette-peaceful-150x150.png 150w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18122806\/cool-color-palette-peaceful-300x300.png 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18122806\/cool-color-palette-peaceful-80x80.png 80w\" sizes=\"(max-width: 405px) 100vw, 405px\" \/><p id=\"caption-attachment-37613\" class=\"wp-caption-text\"><a href=\"https:\/\/dribbble.com\/shots\/10951334-One-With-Nature\" target=\"_blank\" rel=\"noopener\">One With Nature by Mila Spasova<\/a><\/p><\/div>\n\t<\/div>\n\n\t\n\n\t<div class=\"col col-1of2\">\n\t\t\n<h5>Peaceful and serene<\/h5>\n<div id=\"attachment_37614\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37614\" class=\"size-full wp-image-37614\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18123154\/cool-color-palette-peace.png\" alt=\"\" width=\"405\" height=\"405\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18123154\/cool-color-palette-peace.png 405w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18123154\/cool-color-palette-peace-150x150.png 150w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18123154\/cool-color-palette-peace-300x300.png 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18123154\/cool-color-palette-peace-80x80.png 80w\" sizes=\"(max-width: 405px) 100vw, 405px\" \/><p id=\"caption-attachment-37614\" class=\"wp-caption-text\"><a href=\"https:\/\/dribbble.com\/shots\/14254124-Starfish\" target=\"_blank\" rel=\"noopener\">Starfish by Andrey Prokopenko<\/a><\/p><\/div>\n\t<\/div>\n\n\t\t\t<\/div>\n\t\n\t\t<div class=\"cols\">\n\t\n\t<div class=\"col col-1of2\">\n\t\t\n<h5>Freezing cold<\/h5>\n<div id=\"attachment_37615\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37615\" class=\"size-full wp-image-37615\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18123627\/cool-color-palette-freezing.png\" alt=\"\" width=\"405\" height=\"405\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18123627\/cool-color-palette-freezing.png 405w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18123627\/cool-color-palette-freezing-150x150.png 150w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18123627\/cool-color-palette-freezing-300x300.png 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18123627\/cool-color-palette-freezing-80x80.png 80w\" sizes=\"(max-width: 405px) 100vw, 405px\" \/><p id=\"caption-attachment-37615\" class=\"wp-caption-text\"><a href=\"https:\/\/dribbble.com\/shots\/7059234-What-s-Your-Flavour\" target=\"_blank\" rel=\"noopener\">What&#8217;s Your Flavour? by Tristan Kromopawiro<\/a><\/p><\/div>\n\t<\/div>\n\n\t\n\n\t<div class=\"col col-1of2\">\n\t\t\n<h5>Loyalty and reliability<\/h5>\n<div id=\"attachment_37616\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37616\" class=\"size-full wp-image-37616\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18124135\/cool-color-palette-loyalty.png\" alt=\"\" width=\"405\" height=\"405\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18124135\/cool-color-palette-loyalty.png 405w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18124135\/cool-color-palette-loyalty-150x150.png 150w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18124135\/cool-color-palette-loyalty-300x300.png 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18124135\/cool-color-palette-loyalty-80x80.png 80w\" sizes=\"(max-width: 405px) 100vw, 405px\" \/><p id=\"caption-attachment-37616\" class=\"wp-caption-text\"><a href=\"https:\/\/dribbble.com\/shots\/3562286-Loyal-Coffee-Home-Preview\" target=\"_blank\" rel=\"noopener\">Loyal Coffee \u2013 Home Preview by Courtney Bradford<\/a><\/p><\/div>\n\t<\/div>\n\n\t\t\t<\/div>\n\t\n<p>And by the way, cool colors can also communicate happiness.<\/p>\n\t\t<div class=\"cols\">\n\t\n\t<div class=\"col col-1of2\">\n\t\t\n<h5>Bubbly joy<\/h5>\n<div id=\"attachment_37620\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37620\" class=\"size-full wp-image-37620\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18130635\/cool-color-palette-happiness.png\" alt=\"\" width=\"405\" height=\"405\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18130635\/cool-color-palette-happiness.png 405w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18130635\/cool-color-palette-happiness-150x150.png 150w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18130635\/cool-color-palette-happiness-300x300.png 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18130635\/cool-color-palette-happiness-80x80.png 80w\" sizes=\"(max-width: 405px) 100vw, 405px\" \/><p id=\"caption-attachment-37620\" class=\"wp-caption-text\"><a href=\"https:\/\/www.behance.net\/gallery\/88035507\/Merry-Christmas\" target=\"_blank\" rel=\"noopener\">Merry Christmas! by Maria Zaitseva<\/a><\/p><\/div>\n\t<\/div>\n\n\t\n\n\t<div class=\"col col-1of2\">\n\t\t\n<h5>Cozy and cheerful<\/h5>\n<div id=\"attachment_37622\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37622\" class=\"size-full wp-image-37622\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18130812\/cool-color-palette-happiness-2.png\" alt=\"\" width=\"405\" height=\"405\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18130812\/cool-color-palette-happiness-2.png 405w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18130812\/cool-color-palette-happiness-2-150x150.png 150w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18130812\/cool-color-palette-happiness-2-300x300.png 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18130812\/cool-color-palette-happiness-2-80x80.png 80w\" sizes=\"(max-width: 405px) 100vw, 405px\" \/><p id=\"caption-attachment-37622\" class=\"wp-caption-text\"><a href=\"https:\/\/unsplash.com\/photos\/WJDR8_QxVR8\" target=\"_blank\" rel=\"noopener\">Greek Cottage by Ryan Spencer<\/a><\/p><\/div>\n\t<\/div>\n\n\t\t\t<\/div>\n\t\n<h4>Warm color palettes<\/h4>\n<p>As with cool colors, warm hues are also a double edge sword. On one hand, they communicate optimism, happiness, energy, enthusiasm, and passion. On the other, they can also convey anxiety, urgency, signal danger, and enrage. Red and yellow provoke fast reactions and increase heart rate, as well as appetite. So let&#8217;s see their different uses in color schemes and what moods they evoke.<\/p>\n\t\t<div class=\"cols\">\n\t\n\t<div class=\"col col-1of2\">\n\t\t\n<h5>Energy<\/h5>\n<div id=\"attachment_37623\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37623\" class=\"size-full wp-image-37623\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18131413\/warm-color-palettes-example-happiness.png\" alt=\"\" width=\"405\" height=\"405\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18131413\/warm-color-palettes-example-happiness.png 405w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18131413\/warm-color-palettes-example-happiness-150x150.png 150w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18131413\/warm-color-palettes-example-happiness-300x300.png 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18131413\/warm-color-palettes-example-happiness-80x80.png 80w\" sizes=\"(max-width: 405px) 100vw, 405px\" \/><p id=\"caption-attachment-37623\" class=\"wp-caption-text\"><a href=\"https:\/\/www.behance.net\/gallery\/12289915\/Carnival-Masks-Illustration\" target=\"_blank\" rel=\"noopener\">Carnival Masks \/\/ Illustration by Lena Vargas<\/a><\/p><\/div>\n\t<\/div>\n\n\t\n\n\t<div class=\"col col-1of2\">\n\t\t\n<h5>Happiness<\/h5>\n<div id=\"attachment_37624\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37624\" class=\"size-full wp-image-37624\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18132754\/warm-color-palettes-example-summer.png\" alt=\"\" width=\"405\" height=\"405\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18132754\/warm-color-palettes-example-summer.png 405w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18132754\/warm-color-palettes-example-summer-150x150.png 150w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18132754\/warm-color-palettes-example-summer-300x300.png 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18132754\/warm-color-palettes-example-summer-80x80.png 80w\" sizes=\"(max-width: 405px) 100vw, 405px\" \/><p id=\"caption-attachment-37624\" class=\"wp-caption-text\"><a href=\"https:\/\/dribbble.com\/shots\/12163224-Happy-Summer\" target=\"_blank\" rel=\"noopener\">Happy Summer! by Pretend Friends<\/a><\/p><\/div>\n\t<\/div>\n\n\t\t\t<\/div>\n\t\n\t\t<div class=\"cols\">\n\t\n\t<div class=\"col col-1of2\">\n\t\t\n<h5>Romance and sensuality<\/h5>\n<div id=\"attachment_37625\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37625\" class=\"size-full wp-image-37625\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18133418\/warm-color-palettes-example-romance.png\" alt=\"\" width=\"405\" height=\"405\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18133418\/warm-color-palettes-example-romance.png 405w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18133418\/warm-color-palettes-example-romance-150x150.png 150w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18133418\/warm-color-palettes-example-romance-300x300.png 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18133418\/warm-color-palettes-example-romance-80x80.png 80w\" sizes=\"(max-width: 405px) 100vw, 405px\" \/><p id=\"caption-attachment-37625\" class=\"wp-caption-text\"><a href=\"https:\/\/www.behance.net\/gallery\/83962865\/Just-a-flower\" target=\"_blank\" rel=\"noopener\">Just a flower by Rosana Zanetti Fait<\/a><\/p><\/div>\n\t<\/div>\n\n\t\n\n\t<div class=\"col col-1of2\">\n\t\t\n<h5>Warmth<\/h5>\n<div id=\"attachment_37626\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37626\" class=\"size-full wp-image-37626\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18133638\/warm-color-palettes-example-warmth.png\" alt=\"\" width=\"405\" height=\"405\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18133638\/warm-color-palettes-example-warmth.png 405w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18133638\/warm-color-palettes-example-warmth-150x150.png 150w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18133638\/warm-color-palettes-example-warmth-300x300.png 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18133638\/warm-color-palettes-example-warmth-80x80.png 80w\" sizes=\"(max-width: 405px) 100vw, 405px\" \/><p id=\"caption-attachment-37626\" class=\"wp-caption-text\"><a href=\"https:\/\/www.behance.net\/gallery\/98802151\/That-Warm-Glow\" target=\"_blank\" rel=\"noopener\">That Warm Glow by Michelle Grepo<\/a><\/p><\/div>\n\t<\/div>\n\n\t\t\t<\/div>\n\t\n\t\t<div class=\"cols\">\n\t\n\t<div class=\"col col-1of2\">\n\t\t\n<h5>Love<\/h5>\n<div id=\"attachment_37627\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37627\" class=\"size-full wp-image-37627\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18134023\/warm-color-palettes-example-love.png\" alt=\"\" width=\"405\" height=\"405\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18134023\/warm-color-palettes-example-love.png 405w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18134023\/warm-color-palettes-example-love-150x150.png 150w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18134023\/warm-color-palettes-example-love-300x300.png 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18134023\/warm-color-palettes-example-love-80x80.png 80w\" sizes=\"(max-width: 405px) 100vw, 405px\" \/><p id=\"caption-attachment-37627\" class=\"wp-caption-text\"><a href=\"https:\/\/dribbble.com\/shots\/5954681-Love-at-sunset\" target=\"_blank\" rel=\"noopener\">Love at sunset by Ivan Dubovik<\/a><\/p><\/div>\n\t<\/div>\n\n\t\n\n\t<div class=\"col col-1of2\">\n\t\t\n<h5>Passion<\/h5>\n<div id=\"attachment_37628\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37628\" class=\"size-full wp-image-37628\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18134238\/warm-color-palettes-example-passion.png\" alt=\"\" width=\"405\" height=\"405\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18134238\/warm-color-palettes-example-passion.png 405w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18134238\/warm-color-palettes-example-passion-150x150.png 150w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18134238\/warm-color-palettes-example-passion-300x300.png 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18134238\/warm-color-palettes-example-passion-80x80.png 80w\" sizes=\"(max-width: 405px) 100vw, 405px\" \/><p id=\"caption-attachment-37628\" class=\"wp-caption-text\"><a href=\"https:\/\/dribbble.com\/shots\/10018188-Love-is-Love\" target=\"_blank\" rel=\"noopener\">Love is Love by Andrea Pereira<\/a><\/p><\/div>\n\t<\/div>\n\n\t\t\t<\/div>\n\t\n\t\t<div class=\"cols\">\n\t\n\t<div class=\"col col-1of2\">\n\t\t\n<h5>Anxiety<\/h5>\n<div id=\"attachment_37629\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37629\" class=\"size-full wp-image-37629\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18134637\/warm-color-palettes-example-anxiety.png\" alt=\"\" width=\"405\" height=\"405\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18134637\/warm-color-palettes-example-anxiety.png 405w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18134637\/warm-color-palettes-example-anxiety-150x150.png 150w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18134637\/warm-color-palettes-example-anxiety-300x300.png 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18134637\/warm-color-palettes-example-anxiety-80x80.png 80w\" sizes=\"(max-width: 405px) 100vw, 405px\" \/><p id=\"caption-attachment-37629\" class=\"wp-caption-text\"><a href=\"https:\/\/www.behance.net\/gallery\/106945821\/Everythings-fine\" target=\"_blank\" rel=\"noopener\">Everything\u2019s fine by Estabon Jay<\/a><\/p><\/div>\n\t<\/div>\n\n\t\n\n\t<div class=\"col col-1of2\">\n\t\t\n<h5>Panic and fear<\/h5>\n<div id=\"attachment_37635\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-37635\" class=\"size-full wp-image-37635\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18135038\/warm-color-palettes-example-fear-and-panic.png\" alt=\"\" width=\"405\" height=\"405\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18135038\/warm-color-palettes-example-fear-and-panic.png 405w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18135038\/warm-color-palettes-example-fear-and-panic-150x150.png 150w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18135038\/warm-color-palettes-example-fear-and-panic-300x300.png 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/18135038\/warm-color-palettes-example-fear-and-panic-80x80.png 80w\" sizes=\"(max-width: 405px) 100vw, 405px\" \/><p id=\"caption-attachment-37635\" class=\"wp-caption-text\"><a href=\"https:\/\/www.behance.net\/gallery\/106987947\/The-Red-Is-On\" target=\"_blank\" rel=\"noopener\">The Red Is On by Dan Guimberteau<\/a><\/p><\/div>\n\t<\/div>\n\n\t\t\t<\/div>\n\t\n<p>&nbsp;<\/p>\n<h4>Final Words<\/h4>\n<p>In conclusion, colors are indeed a very powerful tool in design for influencing moods and emotions. In order to use that power, however, it&#8217;s necessary to understand the science behind colors and how they work.<\/p>\n<p>That&#8217;s why today we covered the basics of color theory and what it means to graphic design. What&#8217;s left to do is to experiment and get creative with combining colors. By the way, we have also created a special gallery with <a href=\"https:\/\/graphicmama.com\/blog\/good-color-combinations\/\" target=\"_blank\" rel=\"noopener\">inspirational examples and ideas for color combinations that go beyond trends,<\/a>\u00a0 so why not check it out as well.<\/p>\n<p>You may also be interested in some of these related articles:<\/p>\n<ul>\n<li><a href=\"https:\/\/graphicmama.com\/blog\/pantone-color-of-the-year-2022\/\">Pantone Color of the Year 2022<\/a><\/li>\n<li><a href=\"https:\/\/graphicmama.com\/blog\/top-color-combinations\/\">Top Color Combinations to Try in 2022<\/a><\/li>\n<li><a href=\"https:\/\/graphicmama.com\/blog\/pastel-colors-examples\/\">Pastel Colors in Design [Ideas, Examples, and Mega Inspiration]<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>As a continuation of our inspirational examples and palette ideas for great color combinations, today we will have a look at the basics of color theory and go beyond that. Therefore, in this article, we will learn everything about colors from their properties, through how they combine, and how they can influence your audience to&#8230;<\/p>\n","protected":false},"author":9,"featured_media":38049,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,11],"tags":[1270,1214,188,1274,1266,1271,1272,1265,1273,1262,1263,1269,1268,1264,1267],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.5.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>What is Color Theory &amp; How to Master It: Guide for Non-Designers<\/title>\n<meta name=\"description\" content=\"This is the ultimate color theory guide. Let&#039;s learn everything about colors, their properties, how they combine, and how they influence the audience.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/graphicmama.com\/blog\/color-theory\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What is Color Theory &amp; How to Master It: Guide for Non-Designers\" \/>\n<meta property=\"og:description\" content=\"This is the ultimate color theory guide. Let&#039;s learn everything about colors, their properties, how they combine, and how they influence the audience.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/graphicmama.com\/blog\/color-theory\/\" \/>\n<meta property=\"og:site_name\" content=\"GraphicMama Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/GraphicMama\" \/>\n<meta property=\"article:author\" content=\"aboicheva.2create@gmail.com\" \/>\n<meta property=\"article:published_time\" content=\"2021-02-19T14:50:48+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-08-08T12:13:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27135950\/color-theory-basics.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1652\" \/>\n\t<meta property=\"og:image:height\" content=\"928\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Al Boicheva\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<meta name=\"twitter:creator\" content=\"@GraphicMama\" \/>\n<meta name=\"twitter:site\" content=\"@GraphicMama\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Al Boicheva\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"28 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/graphicmama.com\/blog\/color-theory\/\",\"url\":\"https:\/\/graphicmama.com\/blog\/color-theory\/\",\"name\":\"What is Color Theory & How to Master It: Guide for Non-Designers\",\"isPartOf\":{\"@id\":\"https:\/\/graphicmama.com\/blog\/#website\"},\"datePublished\":\"2021-02-19T14:50:48+00:00\",\"dateModified\":\"2022-08-08T12:13:07+00:00\",\"author\":{\"@id\":\"https:\/\/graphicmama.com\/blog\/#\/schema\/person\/db22b234954fce33b746ca0b068d2fec\"},\"description\":\"This is the ultimate color theory guide. Let's learn everything about colors, their properties, how they combine, and how they influence the audience.\",\"breadcrumb\":{\"@id\":\"https:\/\/graphicmama.com\/blog\/color-theory\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/graphicmama.com\/blog\/color-theory\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/graphicmama.com\/blog\/color-theory\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/graphicmama.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Color Theory Basics For Non-Designers: Everything You Should Know\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/graphicmama.com\/blog\/#website\",\"url\":\"https:\/\/graphicmama.com\/blog\/\",\"name\":\"GraphicMama Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/graphicmama.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/graphicmama.com\/blog\/#\/schema\/person\/db22b234954fce33b746ca0b068d2fec\",\"name\":\"Al Boicheva\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/graphicmama.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/853bc566ff0ca058004f5609ca373934?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/853bc566ff0ca058004f5609ca373934?s=96&d=mm&r=g\",\"caption\":\"Al Boicheva\"},\"description\":\"Al is an illustrator at GraphicMama with out-of-the-box thinking and a passion for anything creative. In her free time, you will see her drooling over tattoo art, Manga, and horror movies.\",\"sameAs\":[\"aboicheva.2create@gmail.com\"],\"url\":\"https:\/\/graphicmama.com\/blog\/author\/al\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"What is Color Theory & How to Master It: Guide for Non-Designers","description":"This is the ultimate color theory guide. Let's learn everything about colors, their properties, how they combine, and how they influence the audience.","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:\/\/graphicmama.com\/blog\/color-theory\/","og_locale":"en_US","og_type":"article","og_title":"What is Color Theory & How to Master It: Guide for Non-Designers","og_description":"This is the ultimate color theory guide. Let's learn everything about colors, their properties, how they combine, and how they influence the audience.","og_url":"https:\/\/graphicmama.com\/blog\/color-theory\/","og_site_name":"GraphicMama Blog","article_publisher":"https:\/\/www.facebook.com\/GraphicMama","article_author":"aboicheva.2create@gmail.com","article_published_time":"2021-02-19T14:50:48+00:00","article_modified_time":"2022-08-08T12:13:07+00:00","og_image":[{"width":1652,"height":928,"url":"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/11\/27135950\/color-theory-basics.jpg","type":"image\/jpeg"}],"author":"Al Boicheva","twitter_card":"summary","twitter_creator":"@GraphicMama","twitter_site":"@GraphicMama","twitter_misc":{"Written by":"Al Boicheva","Est. reading time":"28 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/graphicmama.com\/blog\/color-theory\/","url":"https:\/\/graphicmama.com\/blog\/color-theory\/","name":"What is Color Theory & How to Master It: Guide for Non-Designers","isPartOf":{"@id":"https:\/\/graphicmama.com\/blog\/#website"},"datePublished":"2021-02-19T14:50:48+00:00","dateModified":"2022-08-08T12:13:07+00:00","author":{"@id":"https:\/\/graphicmama.com\/blog\/#\/schema\/person\/db22b234954fce33b746ca0b068d2fec"},"description":"This is the ultimate color theory guide. Let's learn everything about colors, their properties, how they combine, and how they influence the audience.","breadcrumb":{"@id":"https:\/\/graphicmama.com\/blog\/color-theory\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/graphicmama.com\/blog\/color-theory\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/graphicmama.com\/blog\/color-theory\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/graphicmama.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Color Theory Basics For Non-Designers: Everything You Should Know"}]},{"@type":"WebSite","@id":"https:\/\/graphicmama.com\/blog\/#website","url":"https:\/\/graphicmama.com\/blog\/","name":"GraphicMama Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/graphicmama.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/graphicmama.com\/blog\/#\/schema\/person\/db22b234954fce33b746ca0b068d2fec","name":"Al Boicheva","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/graphicmama.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/853bc566ff0ca058004f5609ca373934?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/853bc566ff0ca058004f5609ca373934?s=96&d=mm&r=g","caption":"Al Boicheva"},"description":"Al is an illustrator at GraphicMama with out-of-the-box thinking and a passion for anything creative. In her free time, you will see her drooling over tattoo art, Manga, and horror movies.","sameAs":["aboicheva.2create@gmail.com"],"url":"https:\/\/graphicmama.com\/blog\/author\/al\/"}]}},"_links":{"self":[{"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/posts\/37443"}],"collection":[{"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/comments?post=37443"}],"version-history":[{"count":76,"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/posts\/37443\/revisions"}],"predecessor-version":[{"id":51738,"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/posts\/37443\/revisions\/51738"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/media\/38049"}],"wp:attachment":[{"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/media?parent=37443"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/categories?post=37443"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/tags?post=37443"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}