{"id":16102,"date":"2014-10-28T08:30:31","date_gmt":"2014-10-28T13:30:31","guid":{"rendered":"https:\/\/crazyeggblog.wpengine.com\/?p=16102"},"modified":"2026-01-06T15:15:18","modified_gmt":"2026-01-06T23:15:18","slug":"3-popular-colors-websites-use","status":"publish","type":"post","link":"https:\/\/www.crazyegg.com\/blog\/3-popular-colors-websites-use\/","title":{"rendered":"3 Popular Colors for Websites \u2013 When &#038; How to Use Them"},"content":{"rendered":"<p>You\u2019re planning a new business. You\u2019re excited. You\u2019re almost ready.<\/p>\n<p>You need to pick a color scheme.<\/p>\n<p>Before you do a scornful snort-laugh, hang on a sec. <em>Color is important.<\/em> As many marketers will tell you, color psychology has an enormous impact on how people perceive your business, how they respond to your marketing, and how they interact with you and your product.<\/p>\n<p>Believe it or not, color choice is a big factor in the success of your business. I\u2019m going to tell you a few of the facts behind the science of color psychology that will help you pick a <a href=\"https:\/\/www.crazyegg.com\/blog\/best-colors-websites\/\" target=\"_blank\" rel=\"noopener\">color scheme for your new online business<\/a>.<\/p>\n<p>In this article, I consider three of the most popular color choices \u2014\u00a0blue, green, and orange. If you\u2019re angling in on either of these three colors, you need to know a few things.<\/p>\n<h2>Color is important.<\/h2>\n<p>Let me start out with the premise that underlies this whole article:\u00a0 <strong><em><a href=\"https:\/\/www.crazyegg.com\/blog\/color-gives-meaning-to-design\/\">Color is important<\/a>.<\/em><\/strong><\/p>\n<p>According to research, 85% of shoppers indicate that color is the primary reason why they buy a certain product. This holds true for everything from cars to shoes, but color as a psychological factor plays a role in non-material goods, too.<\/p>\n<p>In what way does this happen? Brand recognition for one. Color alone is 80% of brand recognition, which is inextricably tied to consumer confidence.<\/p>\n<p>But what about your <em>online <\/em>business? How does color affect online conversions? In more ways than you think. 42% of shoppers form an opinion of a website based on its design, including color scheme. What\u2019s more, 52% of shoppers do not visit a website again if they don\u2019t like its aesthetics. (<a href=\"https:\/\/blog.kissmetrics.com\/color-psychology-video\/\" target=\"_blank\" rel=\"noopener\">Stats from Kissmetrics<\/a>.)<\/p>\n<p>Color, for reasons that neuroscientists are still discovering, possesses the ability to attract individual types, change preferences, and alter behavior.<\/p>\n<p><strong>Here are the characteristics of blue, green, and orange, three of the top colors for websites.<\/strong><\/p>\n<h2>Blue is safe.<\/h2>\n<p>The safest color scheme is blue. Any shade of blue works, and any combination of blue in the color scheme is effective.<\/p>\n<p>What do I mean by \u201csafe?\u201d I mean two different things.<\/p>\n<ul>\n<li>Safe = Blue is the favorite color of the majority of the population, regardless of gender, age, etc.<\/li>\n<li>Safe = Blue is a color that people associate with trust, authority, and reliability.<\/li>\n<\/ul>\n<p>There is safety in numbers, and the numbers show that more people like the color blue than any other color.<\/p>\n<p>A full 57% of men and 35% of women declared that blue was their favorite color. By an overwhelming margin, participants chose the color blue as their preferred hue. The closest runner up was purple (for women), which still lagged by 52% after the first choice of blue.<\/p>\n<p><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-1.png\"><img decoding=\"async\" width=\"668\" height=\"538\" class=\"aligncenter size-full wp-image-16103\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-1.png\" alt=\"favorite color\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-1.png 668w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-1-300x241.png 300w\" sizes=\"(max-width: 668px) 100vw, 668px\" \/><\/a><\/p>\n<p>To look at the issue negatively, virtually <em>no <\/em>one dislikes blue. According to survey data, only 1% of men said that blue was their least favorite color, and 0% of women said that it was their least favorite color.<\/p>\n<p><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-2.png\"><img decoding=\"async\" width=\"663\" height=\"545\" class=\"aligncenter size-full wp-image-16104\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-2.png\" alt=\"least favorite colors\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-2.png 663w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-2-300x246.png 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/a><\/p>\n<p>Why is blue so popular? Theories run the gamut. Some point upward, indicating that the blue of clear skies (safe weather) or the ocean (reflecting the safe skies) make us think of safety, trust, and authority, leading us to prefer the color blue above all other colors.<\/p>\n<p>A lot of sites go with this safe approach.<\/p>\n<p>Facebook is a familiar shade of blue.<\/p>\n<p><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-3.png\"><img decoding=\"async\" width=\"1117\" height=\"621\" class=\"aligncenter size-full wp-image-16105\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-3.png\" alt=\"facebook\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-3.png 1117w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-3-300x166.png 300w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-3-1024x569.png 1024w\" sizes=\"(max-width: 1117px) 100vw, 1117px\" \/><\/a><\/p>\n<p>Twitter is blue, too.<\/p>\n<p><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-4.jpg\"><img decoding=\"async\" width=\"259\" height=\"195\" class=\"aligncenter size-full wp-image-16106\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-4.jpg\" alt=\"twitter\" \/><\/a><\/p>\n<p>And, yep, even LinkedIn likes the color blue.<\/p>\n<p><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-5.jpg\"><img decoding=\"async\" width=\"225\" height=\"225\" class=\"aligncenter size-full wp-image-16107\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-5.jpg\" alt=\"linkedin\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-5.jpg 225w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-5-150x150.jpg 150w\" sizes=\"(max-width: 225px) 100vw, 225px\" \/><\/a><\/p>\n<p>Wal-Mart \u2014\u00a0the world\u2019s largest brick-and-mortar retailer \u2014\u00a0also chooses blue.<\/p>\n<p><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-6.jpg\"><img decoding=\"async\" width=\"315\" height=\"160\" class=\"aligncenter size-full wp-image-16108\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-6.jpg\" alt=\"walmart\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-6.jpg 315w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-6-300x152.jpg 300w\" sizes=\"(max-width: 315px) 100vw, 315px\" \/><\/a><\/p>\n<p>A lot of banks use blue, too. The main color of Citibank is blue, with a bright red splash.<\/p>\n<p><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-7.jpg\"><img decoding=\"async\" width=\"284\" height=\"177\" class=\"aligncenter size-full wp-image-16109\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-7.jpg\" alt=\"citibank\" \/><\/a><\/p>\n<p>Bank of America has red, but the main color emphasis in their text is blue.<\/p>\n<p><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-8.jpg\"><img decoding=\"async\" width=\"346\" height=\"146\" class=\"aligncenter size-full wp-image-16110\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-8.jpg\" alt=\"bank of america\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-8.jpg 346w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-8-300x126.jpg 300w\" sizes=\"(max-width: 346px) 100vw, 346px\" \/><\/a><\/p>\n<p>Chase Bank uses a blue website and logo.<\/p>\n<p><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-9.png\"><img decoding=\"async\" width=\"1175\" height=\"703\" class=\"aligncenter size-full wp-image-16111\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-9.png\" alt=\"chase bank\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-9.png 1175w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-9-300x179.png 300w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-9-1024x612.png 1024w\" sizes=\"(max-width: 1175px) 100vw, 1175px\" \/><\/a><\/p>\n<p>Many companies, especially those that are in industries where trust and authority are indispensable, use a lot of blue. The following is a landing page for First American Home Warranty.<\/p>\n<p><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-10.png\"><img decoding=\"async\" width=\"882\" height=\"710\" class=\"aligncenter size-full wp-image-16112\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-10.png\" alt=\"home warranty plans\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-10.png 882w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-10-300x241.png 300w\" sizes=\"(max-width: 882px) 100vw, 882px\" \/><\/a><\/p>\n<p>USAA, the United Services Automobile Association is a major insurance provider. Their websites are dominated by blue.<\/p>\n<p><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-11.png\"><img decoding=\"async\" width=\"1073\" height=\"684\" class=\"aligncenter size-full wp-image-16113\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-11.png\" alt=\"usaa football\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-11.png 1073w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-11-300x191.png 300w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-11-1024x652.png 1024w\" sizes=\"(max-width: 1073px) 100vw, 1073px\" \/><\/a><\/p>\n<p>New York Life, one of the nation\u2019s premier life insurance companies uses the well-known blue box logo.<\/p>\n<p><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-12.png\"><img decoding=\"async\" width=\"225\" height=\"225\" class=\"aligncenter size-full wp-image-16114\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-12.png\" alt=\"new york life\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-12.png 225w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-12-150x150.png 150w\" sizes=\"(max-width: 225px) 100vw, 225px\" \/><\/a><\/p>\n<p>We used blue at Kissmetrics to establish ourselves as a trusted provider of analytics and reporting. Although our logo is multi-colored, we chose a blue-schemed site.<\/p>\n<p><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-13.png\"><img decoding=\"async\" width=\"1009\" height=\"712\" class=\"aligncenter size-full wp-image-16115\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-13.png\" alt=\"kissmetrics\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-13.png 1009w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-13-300x211.png 300w\" sizes=\"(max-width: 1009px) 100vw, 1009px\" \/><\/a><\/p>\n<p>To sum it up, you can\u2019t really go wrong with blue. Sure, it\u2019s used. Maybe it\u2019s overused. But it\u2019s still safe.<\/p>\n<p>Karen Haller, an Applied Colour Psychology Specialist, writes this about the color blue:<\/p>\n<p style=\"padding-left: 30px;\"><em>Blue is the colour of the intellect, the mind, making it the colour of communication and when you think about social media, it\u2019s all about communicating. Blue also has the perception as being trustworthy, dependable, safe and reliable.\u00a0 These are the perceived positive qualities of a business who chooses blue.<\/em><\/p>\n<h3>When to pick blue:<\/h3>\n<ul>\n<li>Your business will only succeed if it has a <a href=\"https:\/\/www.crazyegg.com\/blog\/user-anxiety\/\">high level of trust<\/a>.<\/li>\n<li>You want to appeal to user\u2019s intellect<\/li>\n<li>You will be appealing to a broad swath of users of both genders, many ages, and a diverse array of demographic features.<\/li>\n<li>You want to be safe.<\/li>\n<\/ul>\n<h2>Green is for growth.<\/h2>\n<p>The main meaning of green is <em>growth. <\/em>That\u2019s the meaning that comes to most people\u2019s minds when they consider the color green.<\/p>\n<p>The reasons for this are obvious. Most plants are green. Most plants grow.<\/p>\n<p><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-14.jpg\"><img decoding=\"async\" width=\"1280\" height=\"1380\" class=\"aligncenter size-full wp-image-16116\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-14.jpg\" alt=\"jungle plants\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-14.jpg 1280w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-14-278x300.jpg 278w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-14-949x1024.jpg 949w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><\/a><\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/en.wikipedia.org\/wiki\/Plant#mediaviewer\/File:Ferns02.jpg\" target=\"_blank\" rel=\"noopener\">Image from Creative Commons.<\/a><\/p>\n<p>Green has another upside. It\u2019s one of the easiest colors for the human eye to process. When people think <em>green, <\/em>they automatically think healthy, vibrant, growing, and natural.<\/p>\n<p>Subway, whose branding revolves around their being a healthy fast food alternative, uses green in their logo and on their website.<\/p>\n<p><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-15.png\"><img decoding=\"async\" width=\"997\" height=\"736\" class=\"aligncenter size-full wp-image-16117\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-15.png\" alt=\"subway sandwich\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-15.png 997w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-15-300x221.png 300w\" sizes=\"(max-width: 997px) 100vw, 997px\" \/><\/a><\/p>\n<p>My blog, Quicksprout, is all about the idea of growth \u2014 growing your business, your presence, your company. Even the name, Quicksprout, suggests growth. I use green <em>everywhere <\/em>on the site. I want to consistently push the growth idea in any way that I can.<\/p>\n<p><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-16.png\"><img decoding=\"async\" width=\"1040\" height=\"708\" class=\"aligncenter size-full wp-image-16118\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-16.png\" alt=\"quicksprout\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-16.png 1040w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-16-300x204.png 300w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-16-1024x697.png 1024w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/a><\/p>\n<p>Performable was a marketing automation company (bought out by Hubspot in 2011). They used the green star as their logo, which played into their branding as a company that creates and inspires growth.<\/p>\n<p><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-17.png\"><img decoding=\"async\" width=\"429\" height=\"60\" class=\"aligncenter size-full wp-image-16119\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-17.png\" alt=\"hubspot performable\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-17.png 429w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-17-300x41.png 300w\" sizes=\"(max-width: 429px) 100vw, 429px\" \/><\/a><\/p>\n<p style=\"text-align: center;\">Image from Hubspot.<\/p>\n<p>Envato uses the color green to appeal to their target audience of startups. Their approach is to attract users who want to jump start their businesses with early-on growth.<\/p>\n<p><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-18.png\"><img decoding=\"async\" width=\"1027\" height=\"691\" class=\"aligncenter size-full wp-image-16120\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-18.png\" alt=\"envato\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-18.png 1027w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-18-300x201.png 300w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-18-1024x688.png 1024w\" sizes=\"(max-width: 1027px) 100vw, 1027px\" \/><\/a><\/p>\n<p>Some of the world\u2019s biggest and most famous brands use green to promote certain ideas and sensations.<\/p>\n<p><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-19.png\"><img decoding=\"async\" width=\"543\" height=\"404\" class=\"aligncenter size-full wp-image-16121\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-19.png\" alt=\"whole foods market\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-19.png 543w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-19-300x223.png 300w\" sizes=\"(max-width: 543px) 100vw, 543px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-20.jpg\"><img decoding=\"async\" width=\"231\" height=\"218\" class=\"aligncenter size-full wp-image-16122\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-20.jpg\" alt=\"starbucks\" \/><\/a><\/p>\n<p><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-21.jpg\"><img decoding=\"async\" width=\"196\" height=\"257\" class=\"aligncenter size-full wp-image-16123\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-21.jpg\" alt=\"bp\" \/><\/a><\/p>\n<p><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-22.jpg\"><img decoding=\"async\" width=\"259\" height=\"194\" class=\"aligncenter size-full wp-image-16124\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-22.jpg\" alt=\"android\" \/><\/a><\/p>\n<p><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-23.jpg\"><img decoding=\"async\" width=\"259\" height=\"194\" class=\"aligncenter size-full wp-image-16125\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-23.jpg\" alt=\"green giant\" \/><\/a><\/p>\n<h3>When to pick green:<\/h3>\n<ul>\n<li>You want to advance the idea of health<\/li>\n<li>You want to advance the idea of growth<\/li>\n<li>You want to create a feeling of wellness or freshness<\/li>\n<li>Your company has anything to do with food, health, or nature<\/li>\n<\/ul>\n<h2>Use orange with extreme caution.<\/h2>\n<p>Orange is one of those colors that\u2019s a bit dangerous. In fact, some color psychologists say that the color orange is, of all the colors, most closely associated with risk-taking.<\/p>\n<p>Why is it a dangerous and risky color? Scientists aren\u2019t totally sure, but we have been trained to see certain things and think <em>\u201cWait This is a potentially dangerous<\/em> situation!\u201d<\/p>\n<p><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-24.jpg\"><img decoding=\"async\" width=\"259\" height=\"194\" class=\"aligncenter size-full wp-image-16126\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-24.jpg\" alt=\"orange cone\" \/><\/a><\/p>\n<p>Hunters wear orange vests to, ideally, avoid getting shot at. And construction workers in dangerous situations also wear orange vests.<\/p>\n<p><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-25.jpg\"><img decoding=\"async\" width=\"272\" height=\"400\" class=\"aligncenter size-full wp-image-16127\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-25.jpg\" alt=\"construction worker\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-25.jpg 272w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-25-204x300.jpg 204w\" sizes=\"(max-width: 272px) 100vw, 272px\" \/><\/a><\/p>\n<p>Not many brands and colors use orange, but those who do, have a clear intention. The idea is always energy, vibrancy, excitement, and sometimes a little risk.<\/p>\n<p><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-26.jpg\"><img decoding=\"async\" width=\"360\" height=\"296\" class=\"aligncenter size-full wp-image-16128\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-26.jpg\" alt=\"harley davidson\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-26.jpg 360w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-26-300x246.jpg 300w\" sizes=\"(max-width: 360px) 100vw, 360px\" \/><\/a><\/p>\n<p>The Home Depot appeals to the adventure-taking crowd of DIYers. Their color of their logo effectively plays into this philosophy.<\/p>\n<p><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-27.jpg\"><img decoding=\"async\" width=\"360\" height=\"360\" class=\"aligncenter size-full wp-image-16129\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-27.jpg\" alt=\"the home depot\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-27.jpg 360w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-27-150x150.jpg 150w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-27-300x300.jpg 300w\" sizes=\"(max-width: 360px) 100vw, 360px\" \/><\/a><\/p>\n<p>There are some potential downsides to using orange. For one, it\u2019s considered a \u201ccheap\u201d color. Forbes first hypothesized this in a 1991, article, and surveys confirm this. Nearly a quarter of all respondents called orange a cheap color.<\/p>\n<p><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-28.png\"><img decoding=\"async\" width=\"657\" height=\"498\" class=\"aligncenter size-full wp-image-16130\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-28.png\" alt=\"cheap colors\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-28.png 657w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-28-300x227.png 300w\" sizes=\"(max-width: 657px) 100vw, 657px\" \/><\/a><\/p>\n<p>Business psychology writer <a href=\"https:\/\/www.forbes.com\/sites\/amymorin\/2014\/02\/04\/how-to-use-color-psychology-to-give-your-business-an-edge\/\" target=\"_blank\" rel=\"noopener\">Amy Morin tactfully expressed<\/a> the \u201ccheap\u201d connotation of orange by expressing it this way:\u00a0 \u201cPeople associate the color orange with a good value.\u201d And by \u201cgood value,\u201d she\u2019s not talking about high-end quality.<\/p>\n<p><em>Washington Post<\/em> columnist Jeff Turrentine made a tormented attempt to redeem orange from its stature as an unsavory color. He commented that, \u201cthere&#8217;s nothing really wrong with bright orange,\u201d but admitted that it has \u201calmost vulgar origins.\u201d<\/p>\n<p>Whatever your intent with origin, be careful.<\/p>\n<p><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-29.png\"><img decoding=\"async\" width=\"256\" height=\"256\" class=\"aligncenter size-full wp-image-16131\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-29.png\" alt=\"jack o lantern\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-29.png 256w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-29-150x150.png 150w\" sizes=\"(max-width: 256px) 100vw, 256px\" \/><\/a><\/p>\n<p>Hootsuite\u2019s logo color is orange.<\/p>\n<p><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-30.jpg\"><img decoding=\"async\" width=\"410\" height=\"123\" class=\"aligncenter size-full wp-image-16132\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-30.jpg\" alt=\"hootsuite\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-30.jpg 410w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-30-300x90.jpg 300w\" sizes=\"(max-width: 410px) 100vw, 410px\" \/><\/a><\/p>\n<p>However, in the majority of their online presence, they <em>don\u2019t<\/em> use their primary logo color. Instead, the logo is black, and the main color, at least on their homepage, is green.<\/p>\n<p><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-31.png\"><img decoding=\"async\" width=\"1131\" height=\"637\" class=\"aligncenter size-full wp-image-16133\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-31.png\" alt=\"hootsuite 2\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-31.png 1131w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-31-300x168.png 300w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-31-1024x576.png 1024w\" sizes=\"(max-width: 1131px) 100vw, 1131px\" \/><\/a><\/p>\n<p>Nonetheless, many companies have used it with some apparent success.<\/p>\n<p>Hubspot is one company that doesn\u2019t hide their orange branding.<\/p>\n<p>Although orange isn\u2019t a favored color or logo scheme, it is a great CTA color. If you\u2019ll notice, a lot of effective CTA buttons are orange.<\/p>\n<p><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-32.png\"><img decoding=\"async\" width=\"630\" height=\"411\" class=\"aligncenter size-full wp-image-16134\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-32.png\" alt=\"social media marketing\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-32.png 630w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/09\/color-32-300x195.png 300w\" sizes=\"(max-width: 630px) 100vw, 630px\" \/><\/a><\/p>\n<h3>When to use orange:<\/h3>\n<ul>\n<li>You want to inspire a sense of adventure<\/li>\n<li>You want to encourage risk taking<\/li>\n<li>You want to emphasize inexpensive products<\/li>\n<\/ul>\n<h2>Conclusion<\/h2>\n<p>When considering colors for websites, green and blue are great choices. Orange is a risky one. Whatever you choose, make sure you thoroughly understand the way that people will respond to the color.<\/p>\n<p>Once you <a href=\"https:\/\/www.crazyegg.com\/blog\/website-color-palettes\/\">pick a color scheme<\/a>, it\u2019s hard to go back. Give it a lot of thought, because, like I said in my introduction, color is important.<\/p>\n<p><em>What color are you choosing for your online business? Why?<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>You\u2019re planning a new business. You\u2019re excited. You\u2019re almost ready. You need to pick a color scheme. Before you do a scornful snort-laugh, hang on&#8230;<\/p>\n","protected":false},"author":279,"featured_media":10799,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","_lmt_disableupdate":"","_lmt_disable":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[9],"tags":[],"class_list":["post-16102","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>3 Popular Colors for Websites \u2013 When &amp; How to Use Them<\/title>\n<meta name=\"description\" content=\"Website color is important. It can convey emotion and build trust. Here`s a review of three top colors for websites and tips for when to use them--and how.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.crazyegg.com\/blog\/3-popular-colors-websites-use\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"3 Popular Colors for Websites \u2013 When &amp; How to Use Them\" \/>\n<meta property=\"og:description\" content=\"Website color is important. It can convey emotion and build trust. Here`s a review of three top colors for websites and tips for when to use them--and how.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.crazyegg.com\/blog\/3-popular-colors-websites-use\/\" \/>\n<meta property=\"og:site_name\" content=\"The Daily Egg\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/crazyegganalytics\/\" \/>\n<meta property=\"article:published_time\" content=\"2014-10-28T13:30:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-06T23:15:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2013\/04\/color.png\" \/>\n\t<meta property=\"og:image:width\" content=\"537\" \/>\n\t<meta property=\"og:image:height\" content=\"341\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Hiten Shah\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hnshah\" \/>\n<meta name=\"twitter:site\" content=\"@CrazyEgg\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Hiten Shah\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/3-popular-colors-websites-use\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/3-popular-colors-websites-use\\\/\"},\"author\":{\"name\":\"Hiten Shah\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#\\\/schema\\\/person\\\/c1969663812802521ba57624887e9df6\"},\"headline\":\"3 Popular Colors for Websites \u2013 When &#038; How to Use Them\",\"datePublished\":\"2014-10-28T13:30:31+00:00\",\"dateModified\":\"2026-01-06T23:15:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/3-popular-colors-websites-use\\\/\"},\"wordCount\":1552,\"commentCount\":9,\"publisher\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/3-popular-colors-websites-use\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ceblog.s3.amazonaws.com\\\/wp-content\\\/uploads\\\/2013\\\/04\\\/color.png\",\"articleSection\":[\"Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/3-popular-colors-websites-use\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/3-popular-colors-websites-use\\\/\",\"url\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/3-popular-colors-websites-use\\\/\",\"name\":\"3 Popular Colors for Websites \u2013 When & How to Use Them\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/3-popular-colors-websites-use\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/3-popular-colors-websites-use\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ceblog.s3.amazonaws.com\\\/wp-content\\\/uploads\\\/2013\\\/04\\\/color.png\",\"datePublished\":\"2014-10-28T13:30:31+00:00\",\"dateModified\":\"2026-01-06T23:15:18+00:00\",\"description\":\"Website color is important. It can convey emotion and build trust. Here`s a review of three top colors for websites and tips for when to use them--and how.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/3-popular-colors-websites-use\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/3-popular-colors-websites-use\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/3-popular-colors-websites-use\\\/#primaryimage\",\"url\":\"https:\\\/\\\/ceblog.s3.amazonaws.com\\\/wp-content\\\/uploads\\\/2013\\\/04\\\/color.png\",\"contentUrl\":\"https:\\\/\\\/ceblog.s3.amazonaws.com\\\/wp-content\\\/uploads\\\/2013\\\/04\\\/color.png\",\"width\":537,\"height\":341},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/3-popular-colors-websites-use\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Design\",\"item\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/category\\\/web-design\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"3 Popular Colors for Websites \u2013 When &#038; How to Use Them\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/\",\"name\":\"The Daily Egg\",\"description\":\"Conversion Rate Optimization Made Easy\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#organization\",\"name\":\"Crazy Egg\",\"url\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/ceblog.s3.amazonaws.com\\\/wp-content\\\/uploads\\\/2015\\\/06\\\/Crazy-Egg-logo-small.png\",\"contentUrl\":\"https:\\\/\\\/ceblog.s3.amazonaws.com\\\/wp-content\\\/uploads\\\/2015\\\/06\\\/Crazy-Egg-logo-small.png\",\"width\":191,\"height\":100,\"caption\":\"Crazy Egg\"},\"image\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/crazyegganalytics\\\/\",\"https:\\\/\\\/x.com\\\/CrazyEgg\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/crazy-egg\\\/\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCJNe_xmPi07YezxaqfoRVqg\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#\\\/schema\\\/person\\\/c1969663812802521ba57624887e9df6\",\"name\":\"Hiten Shah\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/715288b6d07eff81ecae058546cd68eaf7d1931c1b0a5472ba035eae1198262c?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/715288b6d07eff81ecae058546cd68eaf7d1931c1b0a5472ba035eae1198262c?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/715288b6d07eff81ecae058546cd68eaf7d1931c1b0a5472ba035eae1198262c?s=96&d=mm&r=g\",\"caption\":\"Hiten Shah\"},\"description\":\"As co-founder and CEO, I have started multiple software-as-a-service (SaaS) companies since 2003 including Crazy Egg, KISSmetrics, and Nira. Sold my last startup (Nira) to Dropbox in 2024 and got my first ever job with a boss. I most recently worked on Product &amp; Growth for the AI Products @ Dropbox. I\u2019m now the CEO of Crazy Egg. Connect with me on LinkedIn or X\\\/Twitter.\",\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/in\\\/hnshah\\\/\",\"https:\\\/\\\/x.com\\\/hnshah\"],\"url\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/author\\\/hiten\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"3 Popular Colors for Websites \u2013 When & How to Use Them","description":"Website color is important. It can convey emotion and build trust. Here`s a review of three top colors for websites and tips for when to use them--and how.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.crazyegg.com\/blog\/3-popular-colors-websites-use\/","og_locale":"en_US","og_type":"article","og_title":"3 Popular Colors for Websites \u2013 When & How to Use Them","og_description":"Website color is important. It can convey emotion and build trust. Here`s a review of three top colors for websites and tips for when to use them--and how.","og_url":"https:\/\/www.crazyegg.com\/blog\/3-popular-colors-websites-use\/","og_site_name":"The Daily Egg","article_publisher":"https:\/\/www.facebook.com\/crazyegganalytics\/","article_published_time":"2014-10-28T13:30:31+00:00","article_modified_time":"2026-01-06T23:15:18+00:00","og_image":[{"width":537,"height":341,"url":"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2013\/04\/color.png","type":"image\/png"}],"author":"Hiten Shah","twitter_card":"summary_large_image","twitter_creator":"@hnshah","twitter_site":"@CrazyEgg","twitter_misc":{"Written by":"Hiten Shah","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.crazyegg.com\/blog\/3-popular-colors-websites-use\/#article","isPartOf":{"@id":"https:\/\/www.crazyegg.com\/blog\/3-popular-colors-websites-use\/"},"author":{"name":"Hiten Shah","@id":"https:\/\/www.crazyegg.com\/blog\/#\/schema\/person\/c1969663812802521ba57624887e9df6"},"headline":"3 Popular Colors for Websites \u2013 When &#038; How to Use Them","datePublished":"2014-10-28T13:30:31+00:00","dateModified":"2026-01-06T23:15:18+00:00","mainEntityOfPage":{"@id":"https:\/\/www.crazyegg.com\/blog\/3-popular-colors-websites-use\/"},"wordCount":1552,"commentCount":9,"publisher":{"@id":"https:\/\/www.crazyegg.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.crazyegg.com\/blog\/3-popular-colors-websites-use\/#primaryimage"},"thumbnailUrl":"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2013\/04\/color.png","articleSection":["Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.crazyegg.com\/blog\/3-popular-colors-websites-use\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.crazyegg.com\/blog\/3-popular-colors-websites-use\/","url":"https:\/\/www.crazyegg.com\/blog\/3-popular-colors-websites-use\/","name":"3 Popular Colors for Websites \u2013 When & How to Use Them","isPartOf":{"@id":"https:\/\/www.crazyegg.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.crazyegg.com\/blog\/3-popular-colors-websites-use\/#primaryimage"},"image":{"@id":"https:\/\/www.crazyegg.com\/blog\/3-popular-colors-websites-use\/#primaryimage"},"thumbnailUrl":"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2013\/04\/color.png","datePublished":"2014-10-28T13:30:31+00:00","dateModified":"2026-01-06T23:15:18+00:00","description":"Website color is important. It can convey emotion and build trust. Here`s a review of three top colors for websites and tips for when to use them--and how.","breadcrumb":{"@id":"https:\/\/www.crazyegg.com\/blog\/3-popular-colors-websites-use\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.crazyegg.com\/blog\/3-popular-colors-websites-use\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.crazyegg.com\/blog\/3-popular-colors-websites-use\/#primaryimage","url":"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2013\/04\/color.png","contentUrl":"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2013\/04\/color.png","width":537,"height":341},{"@type":"BreadcrumbList","@id":"https:\/\/www.crazyegg.com\/blog\/3-popular-colors-websites-use\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/www.crazyegg.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Design","item":"https:\/\/www.crazyegg.com\/blog\/category\/web-design\/"},{"@type":"ListItem","position":3,"name":"3 Popular Colors for Websites \u2013 When &#038; How to Use Them"}]},{"@type":"WebSite","@id":"https:\/\/www.crazyegg.com\/blog\/#website","url":"https:\/\/www.crazyegg.com\/blog\/","name":"The Daily Egg","description":"Conversion Rate Optimization Made Easy","publisher":{"@id":"https:\/\/www.crazyegg.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.crazyegg.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.crazyegg.com\/blog\/#organization","name":"Crazy Egg","url":"https:\/\/www.crazyegg.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.crazyegg.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2015\/06\/Crazy-Egg-logo-small.png","contentUrl":"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2015\/06\/Crazy-Egg-logo-small.png","width":191,"height":100,"caption":"Crazy Egg"},"image":{"@id":"https:\/\/www.crazyegg.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/crazyegganalytics\/","https:\/\/x.com\/CrazyEgg","https:\/\/www.linkedin.com\/company\/crazy-egg\/","https:\/\/www.youtube.com\/channel\/UCJNe_xmPi07YezxaqfoRVqg"]},{"@type":"Person","@id":"https:\/\/www.crazyegg.com\/blog\/#\/schema\/person\/c1969663812802521ba57624887e9df6","name":"Hiten Shah","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/715288b6d07eff81ecae058546cd68eaf7d1931c1b0a5472ba035eae1198262c?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/715288b6d07eff81ecae058546cd68eaf7d1931c1b0a5472ba035eae1198262c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/715288b6d07eff81ecae058546cd68eaf7d1931c1b0a5472ba035eae1198262c?s=96&d=mm&r=g","caption":"Hiten Shah"},"description":"As co-founder and CEO, I have started multiple software-as-a-service (SaaS) companies since 2003 including Crazy Egg, KISSmetrics, and Nira. Sold my last startup (Nira) to Dropbox in 2024 and got my first ever job with a boss. I most recently worked on Product &amp; Growth for the AI Products @ Dropbox. I\u2019m now the CEO of Crazy Egg. Connect with me on LinkedIn or X\/Twitter.","sameAs":["https:\/\/www.linkedin.com\/in\/hnshah\/","https:\/\/x.com\/hnshah"],"url":"https:\/\/www.crazyegg.com\/blog\/author\/hiten\/"}]}},"modified_by":"Lars Lofgren","_links":{"self":[{"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/posts\/16102","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/users\/279"}],"replies":[{"embeddable":true,"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/comments?post=16102"}],"version-history":[{"count":0,"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/posts\/16102\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/media\/10799"}],"wp:attachment":[{"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/media?parent=16102"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/categories?post=16102"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/tags?post=16102"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}