{"id":14589,"date":"2012-08-13T21:01:57","date_gmt":"2012-08-13T13:01:57","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=14589"},"modified":"2022-10-14T20:04:22","modified_gmt":"2022-10-14T12:04:22","slug":"three-color-websites","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/three-color-websites\/","title":{"rendered":"30 Beautiful Three-Colors Websites For Your Inspiration"},"content":{"rendered":"<p><a href=\"https:\/\/www.hongkiat.com\/blog\/basics-behind-color-theory-for-web-designer\/\">Color affects a design greatly<\/a>. However, a design with too many colors can easily overwhelm a viewer. Sometimes a minimalist approach can help draw the eye of the visitor to specific content \u2013 the right content.<\/p>\n<p>In this collection of websites, we focused on designs that used three colors for their <strong>primary<\/strong> design elements. However, a few of these sites do include one or two highlight colors beyond the 3 main colors. Nonetheless, these websites were just too well-done and close enough to the 3 color criteria that we could not help but include them in this collection.<\/p>\n<p>Notice how the colors help you focus your attention to where it is needed. Can you see how the brand was tied into each of these designs? You can also see how using full-color graphics alongside a limited color palette is still useful without going too far down the minimalist design path. The following examples will show you that <strong>websites that use a maximum of 3 colors<\/strong> can still be effective.<\/p>\n<p class=\"note\"><strong>Recommended Reading:<\/strong> <a href=\"https:\/\/www.hongkiat.com\/blog\/beautiful-creative-single-page-portfolio-websites\/\">Beautiful & Creative Single-Page Portfolio Websites<\/a><\/p>\n<h3>Image Mechanics<\/h3>\n<p>A nice minimalist design, that uses just enough color to draw the eye to important content on the site.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/three-color-websites\/Image-Mechanics.jpg\" width=\"600\" height=\"326\" alt=\"3-colors website design\"><\/figure>\n<h3><a href=\"https:\/\/nclud.com\/\" rel=\"nofollow noopener\" target=\"_blank\">nclud<\/a><\/h3>\n<p>The large, blue photographic background is a nice contrast to the white main text and green brand name, which draws a reader\u2019s attention first. The light blue text draws the eye downward to a brief description of the company and a list of their impressive clients. Nice use of color to create hierarchy!<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/three-color-websites\/Nclud.jpg\" width=\"600\" height=\"326\" alt=\"3-colors website design\"><\/figure>\n<h3>The Loft<\/h3>\n<p>Different shades of grey on a white background give this web page a sophisticated minimalist appearance. The colored text in the page menu act as a guide in navigating the site.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/three-color-websites\/The-Loft.jpg\" width=\"600\" height=\"326\" alt=\"3-colors website design\"><\/figure>\n<h3>Fat-Man-Collective<\/h3>\n<p>Just like their branding look and tone, this website design is also \"short and sweet.\" Way to go with maintaining a branded look!<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/three-color-websites\/Fat-Man-Collective.jpg\" width=\"600\" height=\"326\" alt=\"3-colors website design\"><\/figure>\n<h3><a href=\"https:\/\/www.creativespark.co.uk\/\" rel=\"nofollow noopener\" target=\"_blank\">Creative Spark<\/a><\/h3>\n<p>Minus the illustration, this website incorporates only 3  colors into its design: yellow, black, and white, which is a nice reference to a light bulb, when you think about it. And a lightbulb works well with the company name, Creative Spark. Interesting.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/three-color-websites\/Creative-Spark.jpg\" width=\"600\" height=\"326\" alt=\"3-colors website design\"><\/figure>\n<h3>Pepperminted<\/h3>\n<p>Cute name and a cute mostly 3 color design, this one is simple yet creative at the same time.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/three-color-websites\/Pepperminted.jpg\" width=\"600\" height=\"326\" alt=\"3-colors website design\"><\/figure>\n<h3>Sergey Stanchev<\/h3>\n<p>The dark color scheme and limited use of color give this site a sophisticated, professional look and feel.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/three-color-websites\/Sergey-Stanchev.jpg\" width=\"600\" height=\"326\" alt=\"3-colors website design\"><\/figure>\n<h3>Digimurai<\/h3>\n<p>The text colors of orange and blue coordinate with the illustrated background and cute little mascot.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/three-color-websites\/Digimurai.jpg\" width=\"600\" height=\"326\" alt=\"3-colors website design\"><\/figure>\n<h3>Causecast<\/h3>\n<p>Grey, blue, and pink on a white background provide a very \"happy\" tone, which seems like a good choice for a volunteering\/charity program.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/three-color-websites\/Causecast.jpg\" width=\"600\" height=\"326\" alt=\"3-colors website design\"><\/figure>\n<h3>Astheria<\/h3>\n<p>This clever design uses colors of, well, drugs! White, grey, and blue are usually the colors you see on pill boxes, so these designers really ran with the idea of \"Design is a drug.\"<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/three-color-websites\/Astheria.jpg\" width=\"600\" height=\"326\" alt=\"3-colors website design\"><\/figure>\n<h3><a href=\"https:\/\/www.davidairey.com\/advice-for-design-students\/\" rel=\"nofollow noopener\" target=\"_blank\">Dave Airey<\/a><\/h3>\n<p>Ah, David Airey, one of the most popular brand identity designers in the graphic design blogging community. His site is minimalist featuring only black, orange and grey text on a white background. Simple yet effective!<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/three-color-websites\/Dave-Airey.jpg\" width=\"600\" height=\"326\" alt=\"3-colors website design\"><\/figure>\n<h3><a href=\"https:\/\/www.delarocque.com.br\/11\/home.html#aboutme\" rel=\"nofollow noopener\" target=\"_blank\">Eduardo de La Rocque<\/a><\/h3>\n<p>The textured background looks like the fancy paper some people use for resume and CV printing. It is interesting, too, that the pinkish-red text fades to light grey when you hover your mouse over it.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/three-color-websites\/Eduardo-De-La-Rocque.jpg\" width=\"600\" height=\"326\" alt=\"3-colors website design\"><\/figure>\n<h3>Eight Face<\/h3>\n<p>Black, white, and grey, along with a few hints of orange text, are the main colors used in this design. These colors give this website a sort of \"news\" appearance.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/three-color-websites\/Eight-Face.jpg\" width=\"600\" height=\"326\" alt=\"3-colors website design\"><\/figure>\n<h3>Fever<\/h3>\n<p>Dark and light grey and red are used interchangeably in this design. While this design could be a bit more well organized in terms of what colors were used where, they did stick with the three colors of the title very well.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/three-color-websites\/Fever.jpg\" width=\"600\" height=\"326\" alt=\"3-colors website design\"><\/figure>\n<h3>Stefan Coisson<\/h3>\n<p>This site uses 3 colors quite effectively in a simple website layout. While the text could be better organized, the green highlight stands out nicely against the black and white text.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/three-color-websites\/Stefan-Coisson.jpg\" width=\"600\" height=\"326\" alt=\"3-colors website design\"><\/figure>\n<h3><a href=\"http:\/\/jontangerine.com\/\" rel=\"nofollow noopener\" target=\"_blank\">Jon Tangerine<\/a><\/h3>\n<p>Okay, so this is another that stretches beyond the 3 color scheme a bit, but it is such a beautiful site that it screams, \"Look at me!\" The yellow highlights and text links (with a little bit of orange underlining) contrasts nicely with the black and grey and occasional white text. Beautiful!<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/three-color-websites\/Jon-Tangerine.jpg\" width=\"600\" height=\"326\" alt=\"3-colors website design\"><\/figure>\n<h3><a href=\"https:\/\/martinhipp.com\/\" rel=\"nofollow noopener\" target=\"_blank\">Martin Hipp<\/a><\/h3>\n<p>Dark grey, black, and a grass green blend well to give this site a refreshing professional yet unique appearance.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/three-color-websites\/Martin-Hipp.jpg\" width=\"600\" height=\"326\" alt=\"3-colors website design\"><\/figure>\n<h3>Minimal Sites<\/h3>\n<p>Starting to notice a pattern in the use of black, grey, and a bright color on a white background? Maybe this type of color scheme is popular because it creates a minimalist look with just enough color to draw attention\u2026 and this website is no exception.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/three-color-websites\/Minimal-Sites.jpg\" width=\"600\" height=\"326\" alt=\"3-colors website design\"><\/figure>\n<h3>Motion Theory<\/h3>\n<p>The strip of black on the side is a nice touch that adds to the \"film\" look and feel. Grey and red text keep this site simple, which is very important with all of the images that must be included.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/three-color-websites\/Motion-Theory.jpg\" width=\"600\" height=\"326\" alt=\"3-colors website design\"><\/figure>\n<h3><a href=\"https:\/\/www.awayback.com\/\" rel=\"nofollow noopener\" target=\"_blank\">A way back<\/a><\/h3>\n<p>Blue along with shades of grey keep this design minimalist and traditional. The 3 different colors are used nicely to draw attention to important text.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/three-color-websites\/A-Way-Back.jpg\" width=\"600\" height=\"326\" alt=\"3-colors website design\"><\/figure>\n<h3>Grain and Gram<\/h3>\n<p>This website does a great job of creating a \"gentleman\u2019s\" appeal with manly colors of dark grey, a grain color (in keeping with the title), and white.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/three-color-websites\/Grain-And-Gram.jpg\" width=\"600\" height=\"326\" alt=\"3-colors website design\"><\/figure>\n<h3>Awesome Font Stacks<\/h3>\n<p>Orange along with black and grey (and a tiny bit of white text) helps to break up this text-heavy site and make it interesting.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/three-color-websites\/Awesome-Font-Stacks.jpg\" width=\"600\" height=\"326\" alt=\"3-colors website design\"><\/figure>\n<h3><a href=\"http:\/\/www.iamyuna.com\/\" rel=\"nofollow noopener\" target=\"_blank\">Yuna<\/a><\/h3>\n<p>This site mostly uses the dark and light greys of the geometric shapes, but blue is also a highlighting color, along with a bit of pink. So, really, this is another variation of the black, grey, and highlight color scheme.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/three-color-websites\/Yuna.jpg\" width=\"600\" height=\"326\" alt=\"3-colors website design\"><\/figure>\n<h3><a href=\"https:\/\/www.pentagon.fr\/\" rel=\"nofollow noopener\" target=\"_blank\">Pentagon<\/a><\/h3>\n<p>Grey, some white, and lots of blue make for a very simple color scheme. On the other hand, the blue seems a bit overwhelming, and the flashing graphics don\u2019t help much.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/three-color-websites\/Pentagon.jpg\" width=\"600\" height=\"326\" alt=\"3-colors website design\"><\/figure>\n<h3>Graphic Design on the radio<\/h3>\n<p>Technically, this site only uses about 3 colors: black and grey text in white boxes, and the pink textured background. But, wait! Close the page, reopen it, and the background is now blue, no, yellow. Okay, you can quit reopening the page, now. Disappointed there\u2019re are only three colors to play with, aren\u2019t you?<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/three-color-websites\/Graphic-Design-On-The-Radio.jpg\" width=\"600\" height=\"326\" alt=\"3-colors website design\"><\/figure>\n<h3>Pixelbot<\/h3>\n<p>Again, Dark grey, light grey, and a highlight color make for a simple, effective color scheme for web design.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/three-color-websites\/Pixelbot.jpg\" width=\"600\" height=\"326\" alt=\"3-colors website design\"><\/figure>\n<h3><a href=\"https:\/\/siteinspire.com\/\" rel=\"nofollow noopener\" target=\"_blank\">Site inspire<\/a><\/h3>\n<p>While having the text change color when you hover the mouse over it can be fun, this one may take advantage of this feature a little too much. But maybe they can get away with it because of their simple, 3-color design.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/three-color-websites\/Site-Inspire.jpg\" width=\"600\" height=\"326\" alt=\"3-colors website design\"><\/figure>\n<h3>Stefan Persson<\/h3>\n<p>Grey\/black with orange and white add to this very well-organized design. Each color seems to stick to a strict use, which really takes navigation of this site to great heights.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/three-color-websites\/Stefan-Coisson.jpg\" width=\"600\" height=\"326\" alt=\"3-colors website design\"><\/figure>\n<h3>Faust<\/h3>\n<p>A simple color scheme helps to tone down the busy-ness of this site; however, less orange would have helped the design even more.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/three-color-websites\/Faust.jpg\" width=\"600\" height=\"326\" alt=\"3-colors website design\"><\/figure>\n<h3><a href=\"https:\/\/www.industrialfacility.co.uk\/\" rel=\"nofollow noopener\" target=\"_blank\">Industrial Facility<\/a><\/h3>\n<p>The navigation of this site is a bit different, something not always recommended. Yet the  dark grey, light grey, and white color scheme helps keep the site simple enough to learn fairly quickly.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/three-color-websites\/Industrial-Facility.jpg\" width=\"600\" height=\"326\" alt=\"3-colors website design\"><\/figure>","protected":false},"excerpt":{"rendered":"<p>Color affects a design greatly. However, a design with too many colors can easily overwhelm a viewer. Sometimes a minimalist approach can help draw the eye of the visitor to specific content \u2013 the right content. In this collection of websites, we focused on designs that used three colors for their primary design elements. However,&hellip;<\/p>\n","protected":false},"author":208,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[352],"tags":[1147],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>30 Beautiful Three-Colors Websites For Your Inspiration - Hongkiat<\/title>\n<meta name=\"description\" content=\"Color affects a design greatly. However, a design with too many colors can easily overwhelm a viewer. Sometimes a minimalist approach can help draw the\" \/>\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.hongkiat.com\/blog\/three-color-websites\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"30 Beautiful Three-Colors Websites For Your Inspiration\" \/>\n<meta property=\"og:description\" content=\"Color affects a design greatly. However, a design with too many colors can easily overwhelm a viewer. Sometimes a minimalist approach can help draw the\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/three-color-websites\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2012-08-13T13:01:57+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-10-14T12:04:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/three-color-websites\/Image-Mechanics.jpg\" \/>\n<meta name=\"author\" content=\"Tara Hornor\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Tara Hornor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/three-color-websites\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/three-color-websites\\\/\"},\"author\":{\"name\":\"Tara Hornor\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/134d6b1c89cc6437ed430cf097bdcc96\"},\"headline\":\"30 Beautiful Three-Colors Websites For Your Inspiration\",\"datePublished\":\"2012-08-13T13:01:57+00:00\",\"dateModified\":\"2022-10-14T12:04:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/three-color-websites\\\/\"},\"wordCount\":1203,\"commentCount\":24,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/three-color-websites\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/three-color-websites\\\/Image-Mechanics.jpg\",\"keywords\":[\"showcase\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/three-color-websites\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/three-color-websites\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/three-color-websites\\\/\",\"name\":\"30 Beautiful Three-Colors Websites For Your Inspiration - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/three-color-websites\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/three-color-websites\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/three-color-websites\\\/Image-Mechanics.jpg\",\"datePublished\":\"2012-08-13T13:01:57+00:00\",\"dateModified\":\"2022-10-14T12:04:22+00:00\",\"description\":\"Color affects a design greatly. However, a design with too many colors can easily overwhelm a viewer. Sometimes a minimalist approach can help draw the\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/three-color-websites\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/three-color-websites\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/three-color-websites\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/three-color-websites\\\/Image-Mechanics.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/three-color-websites\\\/Image-Mechanics.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/three-color-websites\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"30 Beautiful Three-Colors Websites For Your Inspiration\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/134d6b1c89cc6437ed430cf097bdcc96\",\"name\":\"Tara Hornor\",\"description\":\"Tara has a degree in English and writes about marketing, advertising, branding, graphic design, and desktop publishing. In addition to her writing career, Tara also enjoys spending time with her husband and two children.\",\"sameAs\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/tarahornor\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"30 Beautiful Three-Colors Websites For Your Inspiration - Hongkiat","description":"Color affects a design greatly. However, a design with too many colors can easily overwhelm a viewer. Sometimes a minimalist approach can help draw the","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.hongkiat.com\/blog\/three-color-websites\/","og_locale":"en_US","og_type":"article","og_title":"30 Beautiful Three-Colors Websites For Your Inspiration","og_description":"Color affects a design greatly. However, a design with too many colors can easily overwhelm a viewer. Sometimes a minimalist approach can help draw the","og_url":"https:\/\/www.hongkiat.com\/blog\/three-color-websites\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2012-08-13T13:01:57+00:00","article_modified_time":"2022-10-14T12:04:22+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/three-color-websites\/Image-Mechanics.jpg","type":"","width":"","height":""}],"author":"Tara Hornor","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Tara Hornor","Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/three-color-websites\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/three-color-websites\/"},"author":{"name":"Tara Hornor","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/134d6b1c89cc6437ed430cf097bdcc96"},"headline":"30 Beautiful Three-Colors Websites For Your Inspiration","datePublished":"2012-08-13T13:01:57+00:00","dateModified":"2022-10-14T12:04:22+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/three-color-websites\/"},"wordCount":1203,"commentCount":24,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/three-color-websites\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/three-color-websites\/Image-Mechanics.jpg","keywords":["showcase"],"articleSection":["Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/three-color-websites\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/three-color-websites\/","url":"https:\/\/www.hongkiat.com\/blog\/three-color-websites\/","name":"30 Beautiful Three-Colors Websites For Your Inspiration - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/three-color-websites\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/three-color-websites\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/three-color-websites\/Image-Mechanics.jpg","datePublished":"2012-08-13T13:01:57+00:00","dateModified":"2022-10-14T12:04:22+00:00","description":"Color affects a design greatly. However, a design with too many colors can easily overwhelm a viewer. Sometimes a minimalist approach can help draw the","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/three-color-websites\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/three-color-websites\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/three-color-websites\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/three-color-websites\/Image-Mechanics.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/three-color-websites\/Image-Mechanics.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/three-color-websites\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"30 Beautiful Three-Colors Websites For Your Inspiration"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/134d6b1c89cc6437ed430cf097bdcc96","name":"Tara Hornor","description":"Tara has a degree in English and writes about marketing, advertising, branding, graphic design, and desktop publishing. In addition to her writing career, Tara also enjoys spending time with her husband and two children.","sameAs":["https:\/\/www.hongkiat.com\/blog\/"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/tarahornor\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-3Nj","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/14589","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/208"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=14589"}],"version-history":[{"count":4,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/14589\/revisions"}],"predecessor-version":[{"id":62855,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/14589\/revisions\/62855"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=14589"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=14589"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=14589"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=14589"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}