{"id":39791,"date":"2016-10-18T06:01:26","date_gmt":"2016-10-18T13:01:26","guid":{"rendered":"https:\/\/creativemarket.com\/blog\/?p=39791"},"modified":"2024-04-12T02:56:10","modified_gmt":"2024-04-12T09:56:10","slug":"website-color-palettes","status":"publish","type":"post","link":"https:\/\/creativemarket.com\/blog\/website-color-palettes","title":{"rendered":"Color Palettes in Web Design: The Combinations Behind 30 Stunning Sites"},"content":{"rendered":"<p>Like beauty, color is subjective. What arouses a reaction in you may evoke a <a href=\"https:\/\/creativemarket.com\/blog\/color-meaning-facts\/\">very different effect<\/a> on someone else. At times, this is because of personal preference, and on occasion, a result of cultural background. Understanding how colors influence different people is a field some individuals build their careers on. Studying color theory is scientific, and there&Atilde;&cent;&acirc;&#8218;&not;&acirc;&#8222;&cent;s a lot to it.<br>\nWhen you decide on your website palette, it&#8217;s important to&nbsp;take into account how the colors you choose represent you and your brand.<h2><span class=\"ez-toc-section\" id=\"Color_an_Overview\"><\/span>Color, an Overview<span class=\"ez-toc-section-end\"><\/span><\/h2><p>All of us have our favorite colors. We tend to gravitate toward them when it comes to our personal and professional choices. When it comes to your website, you have to understand the value of analyzing color schemes and <a href=\"https:\/\/creativemarket.com\/blog\/color-meaning-facts\/\" target=\"_blank\" rel=\"noopener\">how each color links<\/a>&nbsp;to your product or service.<br>\nEffective color selection takes meticulous planning. When done right, it can have a positive impact on how your visitors translate what they see on your website beyond its layout and typography. But it can be tough to pick the right colors if you&#8217;re unaware of how color selection works. This is why you need to have some basic understanding of color theory.<\/p><h2><span class=\"ez-toc-section\" id=\"Standard_Color_Symbolism_and_Connotations\"><\/span>Standard Color Symbolism and Connotations<span class=\"ez-toc-section-end\"><\/span><\/h2><h3><span class=\"ez-toc-section\" id=\"Warm_Colors\"><\/span>Warm Colors<span class=\"ez-toc-section-end\"><\/span><\/h3><p>Warm colors include&nbsp;red, yellow, and orange. The first two are primary colors, the last falls in the middle. All three are true warm colors since they aren&Atilde;&cent;&acirc;&#8218;&not;&acirc;&#8222;&cent;t created by mixing warm and cool hues. Any combination of these three is also considered a warm color.<br>\nThe fall season, sunsets and sunrises, and fire are great examples of warm tones. They are associated with passion, energy, and positivity.<br>\nIncorporate warm colors to your design to represent enthusiasm, interest, pleasure or vitality.<br>\n[[cb-summerpalettes]]<\/p><h3><span class=\"ez-toc-section\" id=\"Cool_Colors\"><\/span>Cool Colors<span class=\"ez-toc-section-end\"><\/span><\/h3><p>Cool colors include blue, green, and purple. They are normally more muted when compared to warm colors. Blue is the sole primary color in this grouping. This means the other two are created by mixing blue with a warm color. Shades of green adopt some features of yellow while shades of purple take on features of red.<br>\nWater, nature, and nighttime are great examples of cool colors. They are generally soothing and comforting yet a bit reserved.<br>\nAdd cool colors to your design to show a feeling of tranquility, harmony, or professionalism.<br>\n[[cb-winterpalettes]]<\/p><h3><span class=\"ez-toc-section\" id=\"Neutrals\"><\/span>Neutrals<span class=\"ez-toc-section-end\"><\/span><\/h3><p>Neutral colors, like white, black, gray, brown, and cream, typically work as the design backdrop. They are often merged with more vibrant accent colors. However, they&#8217;re flexible enough to be used on their own creating chic and elegant layouts.<br>\nHere&Atilde;&cent;&acirc;&#8218;&not;&acirc;&#8222;&cent;s a quick reference to the standard symbolism of warm, cool, and neutral colors:<\/p><ul>\n<li>Red &#8211; Love, Adoration, Passion, Anger, Rage<\/li>\n<li>Orange &#8211; Vitality, Joy, Energy, Power<\/li>\n<li>Yellow &#8211; Delight, Hope, Satisfaction, Deceit<\/li>\n<li>Green &#8211; Nature, Success, Prosperity, New Beginnings<\/li>\n<li>Blue &#8211; Peace, Calm, Sorrow<\/li>\n<li>Purple &#8211; Luxury, Royalty, Abundance<\/li>\n<li>Black &#8211; Mystic, Class, Mystery, Evil<\/li>\n<li>Gray &#8211; Demure, Old-fashioned, Formal<\/li>\n<li>White &#8211; Cleanliness, Purity, Holiness, Virtue<\/li>\n<li>Brown &#8211; Outdoors, Chastity, Trust<\/li>\n<\/ul><p>[[cb-fallpalettes]]<\/p><h2><span class=\"ez-toc-section\" id=\"Basic_Color_Concept_Terminology\"><\/span>Basic Color Concept Terminology<span class=\"ez-toc-section-end\"><\/span><\/h2><h3><span class=\"ez-toc-section\" id=\"Hue\"><\/span>Hue<span class=\"ez-toc-section-end\"><\/span><\/h3><p>Hue refers to the color of the object. When you say red, yellow, white, or blue, you&Atilde;&cent;&acirc;&#8218;&not;&acirc;&#8222;&cent;re referring to hue. It&#8217;s basically the synonym of <em>color.<\/em><\/p><h3><span class=\"ez-toc-section\" id=\"Chroma\"><\/span>Chroma<span class=\"ez-toc-section-end\"><\/span><\/h3><p>Chroma indicates the purity of a color. A hue rich in Chroma doesn&#8217;t have white, black or gray in it. Adding in any of the aforementioned colors reduces Chroma. It&#8217;s almost like saturation, though it can be considered as the brightness of a color in contrast to white.<br>\nWhen designing, stay away from colors with high chrome similarities. Instead, choose colors with Chroma that are slightly similar or a few degrees off from each other.<\/p><h3><span class=\"ez-toc-section\" id=\"Saturation\"><\/span>Saturation<span class=\"ez-toc-section-end\"><\/span><\/h3><p>Saturation relates to how a color seems to be under a certain lighting condition. Imagine saturation as strong versus weak or vivid versus pale. Colors with the same saturation levels result in a more cohesive-looking output.<\/p><h3><span class=\"ez-toc-section\" id=\"Value\"><\/span>Value<span class=\"ez-toc-section-end\"><\/span><\/h3><p>Value is also referred to as <em>lightness<\/em>. It refers to the level of lightness or darkness of a color. Out of all the colors and color combinations, black has the lowest value while white has the highest.<br>\nWhen designing, use colors with distinct values, particularly those with high Chroma. Hues with high contrast values often result in eye-catching designs.<\/p><h3><span class=\"ez-toc-section\" id=\"Tones\"><\/span>Tones<span class=\"ez-toc-section-end\"><\/span><\/h3><p>Tones are produced when gray is added to a&nbsp;color. They are often less vivid than pure colors. In most design choices, tones are easy to use &Atilde;&cent;&acirc;&#8218;&not;&acirc;&#8364; especially if you&#8217;re aiming for an output with a vintage vibe.<\/p><h3><span class=\"ez-toc-section\" id=\"Shades\"><\/span>Shades<span class=\"ez-toc-section-end\"><\/span><\/h3><p>A shade is produced when black is put into a color, turning it a lot deeper and darker. A shade is different from a tone or a tint.<br>\nIn most cases, extreme dark shades are often used instead of&nbsp;plain black. They also mostly serve as a backdrop.<\/p><h3><span class=\"ez-toc-section\" id=\"Tints\"><\/span>Tints<span class=\"ez-toc-section-end\"><\/span><\/h3><p>A tint is produced when white is added to a&nbsp;color, making it lighter. Extremely light tints are often called <em>pastels<\/em>. Any pure color mixed with white results in a tint.<\/p><h3><span class=\"ez-toc-section\" id=\"Best_Practices_in_Choosing_a_Color_Scheme\"><\/span>Best Practices in Choosing a Color Scheme<span class=\"ez-toc-section-end\"><\/span><\/h3><p>The following guidelines can help you make the ideal color scheme selection for your website.<\/p><h3><span class=\"ez-toc-section\" id=\"1_Make_use_of_your_brand_colors\"><\/span>1. Make use of your brand colors.<span class=\"ez-toc-section-end\"><\/span><\/h3><p>The first task involved in selecting your site&#8217;s palette is to study your brand colors. If your business already has signature colors, then they are the obvious choice to use. If you want to take a different route, make sure to go for the colors that best represent your product or service.<\/p><h3><span class=\"ez-toc-section\" id=\"2_Take_color_symbolism_into_account\"><\/span>2. Take color symbolism into account.<span class=\"ez-toc-section-end\"><\/span><\/h3><p>Look at the emotions and perceptions linked to different hues. Check out the samples above. You must always keep in mind that the same colors can trigger different emotions in different people.<br>\nThe best way to go about this is to consider your target market. Choose colors that will associate best with your audience.<\/p><h3><span class=\"ez-toc-section\" id=\"3_Focus_on_your_market\"><\/span>3. Focus on your market.<span class=\"ez-toc-section-end\"><\/span><\/h3><p>If your target audience is predominantly women, take advantage of colors that appeal best to female users. The same principle goes for men. A study conducted by Kissmetrics shows that women&Atilde;&cent;&acirc;&#8218;&not;&acirc;&#8222;&cent;s top three colors are blue, green, and purple. Men&Atilde;&cent;&acirc;&#8218;&not;&acirc;&#8222;&cent;s top choices are blue, black, and green. It&Atilde;&cent;&acirc;&#8218;&not;&acirc;&#8222;&cent;s interesting to note that both genders have a positive reaction to blue. So, when it doubt, choose blue.<\/p><h3><span class=\"ez-toc-section\" id=\"4_Review_the_industry_youre_part_of\"><\/span>4. Review the industry you&#8217;re part of.<span class=\"ez-toc-section-end\"><\/span><\/h3><p>Think about the industry and which colors are mostly associated with your field. Environmental brands are a great example of this. Most use either green or brown. Some use both as the two colors represent nature. By selecting your niche&Atilde;&cent;&acirc;&#8218;&not;&acirc;&#8222;&cent;s standard colors, you allow your business to be quickly linked to your market.<\/p><h3><span class=\"ez-toc-section\" id=\"5_Incorporate_an_accent_color\"><\/span>5. Incorporate an accent color.<span class=\"ez-toc-section-end\"><\/span><\/h3><p>The most effective website color scheme follows the 60-30-10 ratio. This rule means that the main hue is applied to 60% of the site while the secondary color is applied on the remaining 30%. The last 10% must be devoted to an accent color that heavily contrasts with the two predominant colors. The accent color is used to emphasize critical material on the site like a Call-to-Action.<\/p><h3><span class=\"ez-toc-section\" id=\"6_Make_sure_the_text_and_the_background_colors_contrast\"><\/span>6. Make sure the text and the background colors contrast.<span class=\"ez-toc-section-end\"><\/span><\/h3><p>Make your site&#8217;s content readable. There should be high color contrast between the font color and the background color on your site. You can never go wrong with the classic dark on light combination or vice-versa.<\/p><h3><span class=\"ez-toc-section\" id=\"7_Take_advantage_of_online_tools_to_create_your_sites_palette\"><\/span>7. Take advantage of online tools to create your site&#8217;s palette.<span class=\"ez-toc-section-end\"><\/span><\/h3><p>There are a lot of <a href=\"https:\/\/creativemarket.com\/blog\/creative-color-tools\/\" target=\"_blank\" rel=\"noopener\">color scheme generators<\/a> you can use to create a professional-looking palette. Play with various wheels to come up with different color combinations. You may also look into palettes designed by others as inspiration.<\/p><h2><span class=\"ez-toc-section\" id=\"30_Website_Palettes_that_Can_Inspire_Your_Own_Color_Schemes\"><\/span>30 Website Palettes that Can Inspire Your Own Color Schemes<span class=\"ez-toc-section-end\"><\/span><\/h2><p>Deciding on the best color scheme is important to the efficiency of your website. Your site layout and font choices must be created in connection with your chosen color scheme. The cohesiveness of the three ensures a design with 100% readability and appeal.<br>\nThe thing is, making the right color choice can be quite challenging, especially for newbies. If you feel this way, don&#8217;t worry. To help you get started on your website palette, we&Atilde;&cent;&acirc;&#8218;&not;&acirc;&#8222;&cent;ve gathered 30 awesome websites with stunning color structures to kick-start your ideas.<\/p><h3><span class=\"ez-toc-section\" id=\"ShoeKicker\"><\/span><a href=\"https:\/\/shoekicker.com\/\">ShoeKicker<\/a><span class=\"ez-toc-section-end\"><\/span><\/h3><p><a href=\"https:\/\/shoekicker.com\/\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-39793 alignnone\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234248\/ShoeKicker-1.jpg.webp\" alt=\"shoekicker\" width=\"1140\" height=\"2628\"><\/a><br>\n&nbsp;<br>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-39796 alignnone\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234259\/shoekicker-palette-1.png.webp\" alt=\"shoekicker-palette\" width=\"1218\" height=\"304\"><\/p><ul>\n<li>8DAABA<\/li>\n<li>F74356<\/li>\n<li>64C2EC<\/li>\n<li>BAE1F2<\/li>\n<li>FFFFFF<\/li>\n<\/ul><p>Shoe Kicker&Atilde;&cent;&acirc;&#8218;&not;&acirc;&#8222;&cent;s palette is a perfect example of how to use pretty pastels. The site plays with clean shades of white, blue, and pink. An ample amount of negative space is used to keep everything light and fresh.<\/p><h3><span class=\"ez-toc-section\" id=\"Stripe\"><\/span><a href=\"https:\/\/stripe.com\/apple-pay\">Stripe<\/a><span class=\"ez-toc-section-end\"><\/span><\/h3><p><a href=\"https:\/\/stripe.com\/apple-pay\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-39797 size-full\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234311\/Stripe-1.jpg.webp\" alt=\"stripe\" width=\"1140\" height=\"2634\"><\/a><br>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-39798 alignnone\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234322\/Stripe-Palette-1.png.webp\" alt=\"stripe-palette\" width=\"1216\" height=\"310\"><\/p><ul>\n<li>C36891<\/li>\n<li>403F63<\/li>\n<li>74B9E8<\/li>\n<li>F384AA<\/li>\n<li>FFFFFF<\/li>\n<\/ul><p>This color palette from Stripe Apple Pay is both clean and professional-looking thanks to the perfect blend of white, pink, and a few shades of blue. The minimal color scheme makes way for the highlighted elements of the site.<\/p><h3><span class=\"ez-toc-section\" id=\"Mimo\"><\/span><a href=\"https:\/\/getmimo.com\/\">Mimo<\/a><span class=\"ez-toc-section-end\"><\/span><\/h3><p><a href=\"https:\/\/getmimo.com\/\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-39800 alignnone\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234333\/Mimo-1.jpg.webp\" alt=\"mimo\" width=\"1400\" height=\"5269\"><\/a><br>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-39801 alignnone\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234344\/Mimo-Palette-1.png.webp\" alt=\"mimo-palette\" width=\"1216\" height=\"306\"><br>\nThis example by Mimo incorporates bursts of color that contrast with its overall minimal, streamlined effect. The contrast of yellows, blues, and pops of green against the white background results in a vibrantly professional finish.<\/p><h3><span class=\"ez-toc-section\" id=\"Square_Careers\"><\/span><a href=\"https:\/\/squareup.com\/careers\">Square Careers<\/a><span class=\"ez-toc-section-end\"><\/span><\/h3><p><a href=\"https:\/\/squareup.com\/careers\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-39802 size-full\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234355\/Work-at-Square-1.jpg.webp\" alt=\"work-at-square\" width=\"1140\" height=\"4477\"><\/a><br>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-39804 alignnone\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234406\/Square-Palette-1.png.webp\" alt=\"square-palette\" width=\"1216\" height=\"304\"><br>\nSquare Career&Atilde;&cent;&acirc;&#8218;&not;&acirc;&#8222;&cent;s color scheme uses spurts of bold hues and overlays them all over the space to create a stunning, vibrant effect. The striking colors of yellow, pink, and blue balance the neutral gray and white background.<\/p><h3><span class=\"ez-toc-section\" id=\"Webflow_Interactions_20\"><\/span><a href=\"https:\/\/webflow.com\/feature\/interactions-v2\">Webflow Interactions 2.0<\/a><span class=\"ez-toc-section-end\"><\/span><\/h3><p><a href=\"https:\/\/webflow.com\/feature\/interactions-v2\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-39806 size-full\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234418\/Webflow-Interactions-2.0-1.jpg.webp\" alt=\"webflow-interactions-2-0\" width=\"1140\" height=\"4224\"><\/a><br>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-39807 alignnone\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234430\/Webflow-Palette-1.png.webp\" alt=\"webflow-palette\" width=\"1218\" height=\"308\"><br>\nWebflow Interaction&Atilde;&cent;&acirc;&#8218;&not;&acirc;&#8222;&cent;s palette takes advantage of the beauty of a blue jewel tone. It also incorporates barely-there gradients to create a minimal yet elegant color scheme. The splashes of pink here and there also makes the overall look modern and engaging.<\/p><h3><span class=\"ez-toc-section\" id=\"Oivo\"><\/span><a href=\"http:\/\/oivo.pw\/\">Oivo<\/a><span class=\"ez-toc-section-end\"><\/span><\/h3><p><a href=\"http:\/\/oivo.pw\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-39809 size-full\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234442\/OIVO-1.jpg.webp\" alt=\"oivo\" width=\"1400\" height=\"5432\"><\/a><br>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-39810 alignnone\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234450\/OIVO-Palette-1.png.webp\" alt=\"oivo-palette\" width=\"1198\" height=\"244\"><br>\nOivo&Atilde;&cent;&acirc;&#8218;&not;&acirc;&#8222;&cent;s palette is a perfect example of how to add a touch of charm to a web design. The color scheme is a mixture of earthy red, subtle grey, and clean olive. The muted palette exudes a charismatic and understated sophistication.<\/p><h3><span class=\"ez-toc-section\" id=\"Ostrolucky\"><\/span><a href=\"http:\/\/www.ostrolucky.com\/\">Ostrolucky<\/a><span class=\"ez-toc-section-end\"><\/span><\/h3><p><a href=\"http:\/\/www.ostrolucky.com\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-39812 size-full\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234456\/Ostrolucky-1.jpg.webp\" alt=\"ostrolucky\" width=\"1140\" height=\"4048\"><\/a><br>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignright size-full wp-image-39813\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234512\/Ostrolucky-palette-1.png.webp\" alt=\"ostrolucky-palette\" width=\"1202\" height=\"242\"><br>\nThis color scheme from Ostrolucky evokes a world of richness, luxury, and elegance. By mixing rich browns, warm tans, and opulent grays, the website brings about a sophisticated, modern design.<\/p><h3><span class=\"ez-toc-section\" id=\"Pillow\"><\/span><a href=\"https:\/\/neybox.com\/pillow\/\">Pillow<\/a><span class=\"ez-toc-section-end\"><\/span><\/h3><p><a href=\"https:\/\/neybox.com\/pillow\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-39814 size-full\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234516\/Pillow-1.jpg.webp\" alt=\"pillow\" width=\"1140\" height=\"5445\"><\/a><br>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-39815 alignnone\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234525\/Pillow-Palette-1.png.webp\" alt=\"pillow-palette\" width=\"1212\" height=\"308\"><br>\nThe combination of rich purple and clean white works extremely well as seen in Pillow&Atilde;&cent;&acirc;&#8218;&not;&acirc;&#8222;&cent;s color palette. The striking shades of purple contrasts amazingly with the pop of crisp white to create a vivid, unique design.<\/p><h3><span class=\"ez-toc-section\" id=\"Sharecare\"><\/span>Sharecare<span class=\"ez-toc-section-end\"><\/span><\/h3><p><a href=\"https:\/\/www.sharecare.com\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-39816 size-full\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234527\/Sharecare-1.jpg.webp\" alt=\"sharecare\" width=\"1140\" height=\"4124\"><\/a><br>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-39817 alignnone\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234535\/Sharecare-Palette-1.png.webp\" alt=\"sharecare-palette\" width=\"1220\" height=\"310\"><br>\nWhen you look for a clean and calm palette, check out Sharecare&Atilde;&cent;&acirc;&#8218;&not;&acirc;&#8222;&cent;s color scheme. Fresh blue, sharp white and pops of tan dominate the site&Atilde;&cent;&acirc;&#8218;&not;&acirc;&#8222;&cent;s color design achieving a fresh, soothing effect.<\/p><h3><span class=\"ez-toc-section\" id=\"Stylisto\"><\/span><a href=\"http:\/\/stilysto.com\/\">Stylisto<\/a><span class=\"ez-toc-section-end\"><\/span><\/h3><p><a href=\"http:\/\/stilysto.com\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-39818 size-full\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234541\/Stylisto-1.jpg.webp\" alt=\"stylisto\" width=\"1140\" height=\"1790\"><\/a><br>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-39819 alignnone\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234548\/Stylisto-palette-1.png.webp\" alt=\"stylisto-palette\" width=\"1218\" height=\"306\"><br>\nStylisto&Atilde;&cent;&acirc;&#8218;&not;&acirc;&#8222;&cent;s stylish color scheme portrays a light, welcoming, and cheery design. Mixed with a smooth gray background, the vibrant shades of pinkish peach, gold, and white result in a relaxing, warm site design.<\/p><h3><span class=\"ez-toc-section\" id=\"Siteleaf\"><\/span><a href=\"https:\/\/www.siteleaf.com\/\">Siteleaf<\/a><span class=\"ez-toc-section-end\"><\/span><\/h3><p><a href=\"https:\/\/www.siteleaf.com\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-39820 size-full\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234551\/Siteleaf-1.jpg.webp\" alt=\"siteleaf\" width=\"1140\" height=\"7096\"><\/a><br>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-39821 alignnone\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234559\/Siteleaf-palette-1.png.webp\" alt=\"siteleaf-palette\" width=\"1218\" height=\"306\"><br>\nThis crisp, vibrant color design seen in Siteleaf is the perfect use of natural white background and a dynamic dominant color. The splash of yellow with hints of gray and orange creates a welcoming, lively design.<\/p><h3><span class=\"ez-toc-section\" id=\"Spendesk\"><\/span><a href=\"https:\/\/www.spendesk.com\/\">Spendesk<\/a><span class=\"ez-toc-section-end\"><\/span><\/h3><p><a href=\"https:\/\/www.spendesk.com\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-39822 size-full\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234603\/Spendesk-1.jpg.webp\" alt=\"spendesk\" width=\"1140\" height=\"3257\"><\/a><br>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-39823 alignnone\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234610\/Spendesk-Palette-1.png.webp\" alt=\"spendesk-palette\" width=\"1200\" height=\"250\"><br>\nThis palette from Spendesk is a perfect example of how to keep the design clean and simple using warm colors. The combination of warm tans, clean whites, and neutral grays immaculately usher visitors right to the site&Atilde;&cent;&acirc;&#8218;&not;&acirc;&#8222;&cent;s body of text.<\/p><h3><span class=\"ez-toc-section\" id=\"Playing_Arts\"><\/span><a href=\"http:\/\/playingarts.com\/en\">Playing Arts<\/a><span class=\"ez-toc-section-end\"><\/span><\/h3><p><a href=\"http:\/\/playingarts.com\/en\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-39824 size-full\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234613\/Playing-Arts-1.jpg.webp\" alt=\"playing-arts\" width=\"1140\" height=\"2834\"><\/a><br>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-39825 alignnone\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234622\/Playing-Arts-Palette-1.png.webp\" alt=\"playing-arts-palette\" width=\"1216\" height=\"312\"><br>\nPlaying Arts&Atilde;&cent;&acirc;&#8218;&not;&acirc;&#8222;&cent; color scheme uses a dominant central color &Atilde;&cent;&acirc;&#8218;&not;&acirc;&#8364;&#339; purple &Atilde;&cent;&acirc;&#8218;&not;&acirc;&#8364;&#339; with splashes blue, pink, and white. By using one striking color, the site radiates a contemporary, minimal palette perfect for brand websites.<\/p><h3><span class=\"ez-toc-section\" id=\"Wealth_Simple\"><\/span><a href=\"https:\/\/www.wealthsimple.com\/\">Wealth Simple<\/a><span class=\"ez-toc-section-end\"><\/span><\/h3><p><a href=\"https:\/\/www.wealthsimple.com\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-39826 size-full\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234625\/Wealth-Simple-1.jpg.webp\" alt=\"wealth-simple\" width=\"1265\" height=\"4754\"><\/a><br>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-39827 alignnone\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234633\/WealthSimple-Palette-1.png.webp\" alt=\"wealthsimple-palette\" width=\"976\" height=\"312\"><br>\nWealth Simple&Atilde;&cent;&acirc;&#8218;&not;&acirc;&#8222;&cent;s color scheme is a wealth (pun intended) of warm vintage colors. It&Atilde;&cent;&acirc;&#8218;&not;&acirc;&#8222;&cent;s the perfect palette for those who want to play around with pastels. The cohesive mixture of gray, blue, mustard yellow, and pink produces warm palette consistency.<\/p><h3><span class=\"ez-toc-section\" id=\"Fiftythree\"><\/span><a href=\"https:\/\/www.fiftythree.com\/\">Fiftythree<\/a><span class=\"ez-toc-section-end\"><\/span><\/h3><p><a href=\"https:\/\/www.fiftythree.com\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-39828 size-full\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234638\/FiftyThree-1.jpg.webp\" alt=\"fiftythree\" width=\"1244\" height=\"1256\"><\/a><br>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-39829 alignnone\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234646\/FiftyThree-Palette-1.png.webp\" alt=\"fiftythree-palette\" width=\"1220\" height=\"312\"><br>\nFiftythree&Atilde;&cent;&acirc;&#8218;&not;&acirc;&#8222;&cent;s minimalist color scheme oozes with professionalism with its varying shades of whites, grays and bursts of yellow. Rather than looking dull or outdated, the color combination fits perfectly in the site&Atilde;&cent;&acirc;&#8218;&not;&acirc;&#8222;&cent;s modern layout.<\/p><h3><span class=\"ez-toc-section\" id=\"Smarticons\"><\/span><a href=\"https:\/\/smarticons.co\/\">Smarticons<\/a><span class=\"ez-toc-section-end\"><\/span><\/h3><p><a href=\"https:\/\/smarticons.co\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-39831 size-full\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234651\/Smarticons-1.jpg.webp\" alt=\"smarticons\" width=\"1240\" height=\"3498\"><\/a><br>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-39833 alignnone\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234659\/Smarticons-Palette-1.png.webp\" alt=\"smarticons-palette\" width=\"1218\" height=\"310\"><br>\nThe color design used in SmartIcons is the perfect definition of clean, calm, and unique. The site&Atilde;&cent;&acirc;&#8218;&not;&acirc;&#8222;&cent;s palette of olive green, burnt red, periwinkle and natural white is pretty smart and iconic.<\/p><h3><span class=\"ez-toc-section\" id=\"Xfive\"><\/span><a href=\"https:\/\/www.xfive.co\/\">Xfive<\/a><span class=\"ez-toc-section-end\"><\/span><\/h3><p><a href=\"https:\/\/www.xfive.co\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-39834 size-full\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234703\/Xfive-1.jpg.webp\" alt=\"xfive\" width=\"1265\" height=\"5101\"><\/a><br>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-39835 alignnone\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234713\/Xfive-Palette-1.png.webp\" alt=\"xfive-palette\" width=\"1218\" height=\"306\"><br>\nXfive&Atilde;&cent;&acirc;&#8218;&not;&acirc;&#8222;&cent;s color scheme is the epitome of a clean, sharp, and professional palette. It uses shades of gray, brown, and white to compose a minimal and simple design without looking monotonous or unexciting.<\/p><h3><span class=\"ez-toc-section\" id=\"Klientboost\"><\/span><a href=\"https:\/\/klientboost.com\/\">Klientboost<\/a><span class=\"ez-toc-section-end\"><\/span><\/h3><p><a href=\"https:\/\/klientboost.com\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-39836 size-full\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234717\/Klientboost-1.jpg.webp\" alt=\"klientboost\" width=\"2800\" height=\"9088\"><\/a><br>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-39837 alignnone\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234724\/Klientboost-Palette-1.png.webp\" alt=\"klientboost-palette\" width=\"1218\" height=\"316\"><br>\nKlientboost&Atilde;&cent;&acirc;&#8218;&not;&acirc;&#8222;&cent;s quirky web design is a combination of cool graphics and simple pairing of colors. Its palette plays with a mixture of shades of blue, soft white, hints of gray, and spurts of punch (pink) that blend naturally, creating a calm and modern effect.<\/p><h3><span class=\"ez-toc-section\" id=\"Civic\"><\/span><a href=\"https:\/\/www.civic.com\/\">Civic<\/a><span class=\"ez-toc-section-end\"><\/span><\/h3><p><a href=\"https:\/\/www.civic.com\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-39839 size-full\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234728\/Civic-1.jpg.webp\" alt=\"civic\" width=\"1400\" height=\"4391\"><\/a><br>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-39840 alignnone\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234736\/Civic-Palette-1.png.webp\" alt=\"civic-palette\" width=\"1218\" height=\"302\"><br>\nCivic&Atilde;&cent;&acirc;&#8218;&not;&acirc;&#8222;&cent;s color scheme is a mixture of soft greens and blues with spurts of hot rosewood and crisp white. The combination of these colors radiates an interestingly intricate and lively palette that is both playful and appealing.<\/p><h3><span class=\"ez-toc-section\" id=\"Appbot\"><\/span><a href=\"https:\/\/appbot.co\/\">Appbot<\/a><span class=\"ez-toc-section-end\"><\/span><\/h3><p><a href=\"https:\/\/appbot.co\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-39841 size-full\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234739\/Appbot-1.jpg.webp\" alt=\"appbot\" width=\"1070\" height=\"5820\"><\/a><br>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-39842 alignnone\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234747\/Appbot-Palette-1.png.webp\" alt=\"appbot-palette\" width=\"1218\" height=\"310\"><br>\nThe color design of Appbot is perfect for the site&Atilde;&cent;&acirc;&#8218;&not;&acirc;&#8222;&cent;s context. The color combination of predominant blue, hints of white, and subtle mustard-yellow gives out a preppy, minimalist palette that&Atilde;&cent;&acirc;&#8218;&not;&acirc;&#8222;&cent;s easy on the eyes.<\/p><h3><span class=\"ez-toc-section\" id=\"Formann_Loyt\"><\/span><a href=\"http:\/\/formannloyt.com\/en\/\">Formann Loyt<\/a><span class=\"ez-toc-section-end\"><\/span><\/h3><p><a href=\"http:\/\/formannloyt.com\/en\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-39843 size-full\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2024\/04\/12013042\/Nord-Dotre.jpg.webp\" alt=\"nord-dotre\" width=\"1500\" height=\"6981\"><\/a><br>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-39844 alignnone\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2024\/04\/12013034\/Nord-Dotre-Palette.png.webp\" alt=\"nord-dotre-palette\" width=\"1198\" height=\"254\"><br>\nFormann Loyt&Atilde;&cent;&acirc;&#8218;&not;&acirc;&#8222;&cent;s color arrangement keeps things simple and uncluttered thanks largely to its monochromatic scheme. It mainly uses basic white, black, and gray to emit an air of authority with a few bursts of tan to highlight features.<\/p><h3><span class=\"ez-toc-section\" id=\"Bear\"><\/span><a href=\"http:\/\/www.bear-writer.com\/\">Bear<\/a><span class=\"ez-toc-section-end\"><\/span><\/h3><p><a href=\"http:\/\/www.bear-writer.com\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-39845 size-full\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234750\/Bear-1.jpg.webp\" alt=\"bear\" width=\"1070\" height=\"5038\"><\/a><br>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-39846 alignnone\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234758\/Bear-Palette-1.png.webp\" alt=\"bear-palette\" width=\"978\" height=\"310\"><br>\nBear&Atilde;&cent;&acirc;&#8218;&not;&acirc;&#8222;&cent;s palette is pretty bare, but never boring. It impeccably embodies &Atilde;&cent;&acirc;&#8218;&not;&Aring;&#8220;less is more&Atilde;&cent;&acirc;&#8218;&not; with its predominantly white features and hints of black and flamingo. The combination displays a professional, minimalist look.<\/p><h3><span class=\"ez-toc-section\" id=\"Topvisor\"><\/span><a href=\"https:\/\/topvisor.com\/\">Topvisor<\/a><span class=\"ez-toc-section-end\"><\/span><\/h3><p><a href=\"https:\/\/topvisor.com\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-39847 size-full\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234805\/Topvisor-1.jpg.webp\" alt=\"topvisor\" width=\"1170\" height=\"5910\"><\/a><br>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-39848 alignnone\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234813\/Topvisor-Palette-1.png.webp\" alt=\"topvisor-palette\" width=\"1220\" height=\"316\"><br>\nAnother treat for those who love simplicity and minimalism, Topvisor&Atilde;&cent;&acirc;&#8218;&not;&acirc;&#8222;&cent;s color scheme is a perfect example to imitate. The site&Atilde;&cent;&acirc;&#8218;&not;&acirc;&#8222;&cent;s palette plays with shades of gray peppered with blue, white, and beige to make a simple yet tasteful combination.<\/p><h3><span class=\"ez-toc-section\" id=\"Groove\"><\/span><a href=\"https:\/\/www.groovehq.com\/\">Groove<\/a><span class=\"ez-toc-section-end\"><\/span><\/h3><p><a href=\"https:\/\/www.groovehq.com\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-39849 size-full\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234817\/groove-1.jpg.webp\" alt=\"groove\" width=\"1140\" height=\"5274\"><\/a><br>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-39850 alignnone\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234829\/Groove-palette-1.png.webp\" alt=\"groove-palette\" width=\"1218\" height=\"306\"><br>\nGroove&Atilde;&cent;&acirc;&#8218;&not;&acirc;&#8222;&cent;s palette is composed of just three main colors &Atilde;&cent;&acirc;&#8218;&not;&acirc;&#8364;&#339; blue, white, and black. Though it appears to be a basic color scheme, when properly combined (as seen on the site), the result gives out a sleek, tailored, and professional look.<\/p><h3><span class=\"ez-toc-section\" id=\"Positionly_Pro\"><\/span><a href=\"https:\/\/positionly.com\/pro\">Positionly Pro<\/a><span class=\"ez-toc-section-end\"><\/span><\/h3><p><a href=\"https:\/\/positionly.com\/pro\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-39851 size-full\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234852\/Positionly-Pro-1.jpg.webp\" alt=\"positionly-pro\" width=\"1140\" height=\"3049\"><\/a><br>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-39852 alignnone\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234909\/Positionly-Palette-1.png.webp\" alt=\"positionly-palette\" width=\"1218\" height=\"300\"><br>\nThe color structure used in Positionly PRO&Atilde;&cent;&acirc;&#8218;&not;&acirc;&#8222;&cent;s site is made for those who love a sleek, dark look without going straight to plain black. The combination of shades of gray and blue with crisp white creates an authoritative, sophisticated effect.<\/p><h3><span class=\"ez-toc-section\" id=\"Robinhood\"><\/span><a href=\"https:\/\/robinhood.com\/\">Robinhood<\/a><span class=\"ez-toc-section-end\"><\/span><\/h3><p><a href=\"https:\/\/robinhood.com\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-39854 size-full\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234922\/robinhood-1.jpg.webp\" alt=\"robinhood\" width=\"1140\" height=\"7105\"><\/a><br>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-39855 alignnone\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234936\/robinhood-Palette-1.png.webp\" alt=\"robinhood-palette\" width=\"1218\" height=\"300\"><br>\nThis palette example from Robinhood features just two focal colors &Atilde;&cent;&acirc;&#8218;&not;&acirc;&#8364;&#339; white and seafoam. The result is a fresh, neat, and eye-catching color scheme everyone could appreciate.<\/p><h3><span class=\"ez-toc-section\" id=\"Wunderlist\"><\/span><a href=\"https:\/\/www.wunderlist.com\/\">Wunderlist<\/a><span class=\"ez-toc-section-end\"><\/span><\/h3><p><a href=\"https:\/\/www.wunderlist.com\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-39856 size-full\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234950\/Wunderlist-1.jpg.webp\" alt=\"wunderlist\" width=\"1140\" height=\"3607\"><\/a><br>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-39857 alignnone\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11235003\/Wunderlist-palette-1.png.webp\" alt=\"wunderlist-palette\" width=\"1218\" height=\"312\"><br>\nWunderlist&Atilde;&cent;&acirc;&#8218;&not;&acirc;&#8222;&cent;s signature colors create an inviting site design. Its palette consists of brown hues and red tones with breaks of gray and white. The combination creates an engaging and soothing effect.<\/p><h3><span class=\"ez-toc-section\" id=\"Eva\"><\/span><a href=\"https:\/\/www.dameproducts.com\/\">Eva<\/a><span class=\"ez-toc-section-end\"><\/span><\/h3><p><a href=\"https:\/\/www.dameproducts.com\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-39858 size-full\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11235016\/eva-1.jpg.webp\" alt=\"eva\" width=\"1140\" height=\"3866\"><\/a><br>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-39859 alignnone\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11235030\/Eva-Palette-1.png.webp\" alt=\"eva-palette\" width=\"1222\" height=\"310\"><br>\nEva is a perfect example of palette that is fun, youthful, and energetic. Turquoise, cyan, and baby blue dominates the color structure. The touches of pink tones blend in nicely with them. The intermingling hues make an interesting and appealing design.<\/p><h3><span class=\"ez-toc-section\" id=\"Penguins\"><\/span><a href=\"http:\/\/www.pocketpenguins.com\/\">Penguins<\/a><span class=\"ez-toc-section-end\"><\/span><\/h3><p><a href=\"http:\/\/www.pocketpenguins.com\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-39860 size-full\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11235040\/Pocket-Penguins-1-1.jpg.webp\" alt=\"pocket-penguins\" width=\"1140\" height=\"3512\"><\/a><br>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-39861 alignnone\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11235054\/Pocket-Penguins-Palette-1.png.webp\" alt=\"pocket-penguins-palette\" width=\"1214\" height=\"312\"><br>\nThe correct colors add a certain character to the whole design, just like what the Pocket Penguins site radiates. The use of fun and vibrant shades of blue, orange, and red against a crisp white background creates a fun and unique color structure.<\/p><h3><span class=\"ez-toc-section\" id=\"An_Interesting_Day\"><\/span><a href=\"https:\/\/aninterestingday.com\/\">An Interesting Day<\/a><span class=\"ez-toc-section-end\"><\/span><\/h3><p><a href=\"https:\/\/aninterestingday.com\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-39862 size-full\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11235111\/An-Interesting-Day-1.jpg.webp\" alt=\"an-interesting-day\" width=\"1140\" height=\"1967\"><\/a><br>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-39863 alignnone\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11235123\/An-Interesting-Day-Palette-1.png.webp\" alt=\"an-interesting-day-palette\" width=\"1216\" height=\"308\"><br>\nAn Interesting Day&Atilde;&cent;&acirc;&#8218;&not;&acirc;&#8222;&cent;s palette is an interesting color combination indeed. It consists of shades of blue &#8211; a vibrant royal blue, a dash of Egyptian blue, a touch of midnight blue &Atilde;&cent;&acirc;&#8218;&not;&acirc;&#8364;&#339; and a splash of &Atilde;&cent;&acirc;&#8218;&not;&Euml;&#339;ballet slipper.&Atilde;&cent;&acirc;&#8218;&not;&acirc;&#8222;&cent; The combination makes the most amazing, almost neon-like, color scheme.<\/p><hr><strong>Products Seen In This Post:<\/strong><p><\/p><\/p>    <figure id=\"card-2928490-441523631\" class=\"product-card half no-pinit\" data-product-id=\"2928490\" data-index=\"0\" data-width=\"half\" data-pin_it=\"no-pinit\" data-module=\"Product Embed\" data-block-id=\"441523631\"><\/figure>\n        <figure id=\"card-202355-2042832326\" class=\"product-card half no-pinit\" data-product-id=\"202355\" data-index=\"0\" data-width=\"half\" data-pin_it=\"no-pinit\" data-module=\"Product Embed\" data-block-id=\"2042832326\"><\/figure>\n    \n","protected":false},"excerpt":{"rendered":"<p>Like beauty, color is subjective. What arouses a reaction in you may evoke a very different effect on someone else. At times, this is because of personal preference, and on occasion, a result of cultural background. Understanding how colors influence different people is a field some individuals build their careers on. Studying color theory is [&hellip;]<\/p>\n","protected":false},"author":85,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[34,1794,1789],"tags":[133,181],"topics":[],"class_list":["post-39791","post","type-post","status-publish","format-standard","hentry","category-creative-inspiration","category-web-design","category-brand-studio","tag-color","tag-color-theory"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v28.4 (Yoast SEO v28.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Color Palettes in Web Design: The Combinations Behind 30 Stunning Sites - Creative Market Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/creativemarket.com\/blog\/website-color-palettes\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Color Palettes in Web Design: The Combinations Behind 30 Stunning Sites\" \/>\n<meta property=\"og:description\" content=\"Like beauty, color is subjective. What arouses a reaction in you may evoke a very different effect on someone else. At times, this is because of personal\" \/>\n<meta property=\"og:url\" content=\"https:\/\/creativemarket.com\/blog\/website-color-palettes\" \/>\n<meta property=\"og:site_name\" content=\"Creative Market Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/crtvmrkt\" \/>\n<meta property=\"article:published_time\" content=\"2016-10-18T13:01:26+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-12T09:56:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234248\/ShoeKicker-1.jpg.webp\" \/>\n<meta name=\"author\" content=\"Igor Ovsyannykov\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@creativemarket\" \/>\n<meta name=\"twitter:site\" content=\"@creativemarket\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Igor Ovsyannykov\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"23 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/website-color-palettes\",\"url\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/website-color-palettes\",\"name\":\"Color Palettes in Web Design: The Combinations Behind 30 Stunning Sites - Creative Market Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/website-color-palettes#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/website-color-palettes#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2016\\\/10\\\/11234248\\\/ShoeKicker-1.jpg.webp\",\"datePublished\":\"2016-10-18T13:01:26+00:00\",\"dateModified\":\"2024-04-12T09:56:10+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#\\\/schema\\\/person\\\/51c825a5f6e7d07e39cb6b4674e2a4f1\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/website-color-palettes#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/creativemarket.com\\\/blog\\\/website-color-palettes\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/website-color-palettes#primaryimage\",\"url\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2016\\\/10\\\/11234248\\\/ShoeKicker-1.jpg.webp\",\"contentUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2016\\\/10\\\/11234248\\\/ShoeKicker-1.jpg.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/website-color-palettes#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Color Palettes in Web Design: The Combinations Behind 30 Stunning Sites\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/\",\"name\":\"Creative Market Blog\",\"description\":\"Creative Market Blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Color Palettes in Web Design: The Combinations Behind 30 Stunning Sites - Creative Market Blog","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:\/\/creativemarket.com\/blog\/website-color-palettes","og_locale":"en_US","og_type":"article","og_title":"Color Palettes in Web Design: The Combinations Behind 30 Stunning Sites","og_description":"Like beauty, color is subjective. What arouses a reaction in you may evoke a very different effect on someone else. At times, this is because of personal","og_url":"https:\/\/creativemarket.com\/blog\/website-color-palettes","og_site_name":"Creative Market Blog","article_publisher":"https:\/\/www.facebook.com\/crtvmrkt","article_published_time":"2016-10-18T13:01:26+00:00","article_modified_time":"2024-04-12T09:56:10+00:00","og_image":[{"url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234248\/ShoeKicker-1.jpg.webp","type":"","width":"","height":""}],"author":"Igor Ovsyannykov","twitter_card":"summary_large_image","twitter_creator":"@creativemarket","twitter_site":"@creativemarket","twitter_misc":{"Written by":"Igor Ovsyannykov","Est. reading time":"23 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/creativemarket.com\/blog\/website-color-palettes","url":"https:\/\/creativemarket.com\/blog\/website-color-palettes","name":"Color Palettes in Web Design: The Combinations Behind 30 Stunning Sites - Creative Market Blog","isPartOf":{"@id":"https:\/\/creativemarket.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/creativemarket.com\/blog\/website-color-palettes#primaryimage"},"image":{"@id":"https:\/\/creativemarket.com\/blog\/website-color-palettes#primaryimage"},"thumbnailUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234248\/ShoeKicker-1.jpg.webp","datePublished":"2016-10-18T13:01:26+00:00","dateModified":"2024-04-12T09:56:10+00:00","author":{"@id":"https:\/\/creativemarket.com\/blog\/#\/schema\/person\/51c825a5f6e7d07e39cb6b4674e2a4f1"},"breadcrumb":{"@id":"https:\/\/creativemarket.com\/blog\/website-color-palettes#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/creativemarket.com\/blog\/website-color-palettes"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/creativemarket.com\/blog\/website-color-palettes#primaryimage","url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234248\/ShoeKicker-1.jpg.webp","contentUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/10\/11234248\/ShoeKicker-1.jpg.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/creativemarket.com\/blog\/website-color-palettes#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/creativemarket.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Color Palettes in Web Design: The Combinations Behind 30 Stunning Sites"}]},{"@type":"WebSite","@id":"https:\/\/creativemarket.com\/blog\/#website","url":"https:\/\/creativemarket.com\/blog\/","name":"Creative Market Blog","description":"Creative Market Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/creativemarket.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts\/39791","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/users\/85"}],"replies":[{"embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/comments?post=39791"}],"version-history":[{"count":0,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts\/39791\/revisions"}],"wp:attachment":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/media?parent=39791"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/categories?post=39791"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/tags?post=39791"},{"taxonomy":"topics","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/topics?post=39791"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}