{"id":4352,"date":"2019-11-06T15:13:25","date_gmt":"2019-11-06T15:13:25","guid":{"rendered":"https:\/\/colibriwp.com\/blog\/?p=4352"},"modified":"2020-02-05T11:18:47","modified_gmt":"2020-02-05T11:18:47","slug":"silver-color-palettes-for-websites","status":"publish","type":"post","link":"https:\/\/colibriwp.com\/blog\/silver-color-palettes-for-websites\/","title":{"rendered":"Silver Color Palette for Websites"},"content":{"rendered":"<p>This time, we\u2019ll cover significance and effects of a special <a href=\"https:\/\/colibriwp.com\/blog\/website-color-schemes\/\">website color scheme<\/a>: the silver color palette.<\/p>\n<p>First, it would be nice to have a clear picture of silver color palettes and their influence on design.<\/p>\n<h2>What are the effects of a silver color palette?<\/h2>\n<p>&nbsp;<\/p>\n<ol>\n<li>Silver in a website page makes that page shine. It won\u2019t shine with vivid colors, but it will give brilliance to the presentation. This effect outperforms that of strong colors, with luminosity. It makes that page special, from the very design.<\/li>\n<li>Also, silver gives elegance to a website presentation. The association of color and the precious metal serves to bringing elegance into the design. It works well combined with simple to no decoration, short text and much negative space.<\/li>\n<li>A silver color palette is appropriate for business websites. It suggests high-end products and services, so use it carefully. Do not select silver unless your offer lives up to the presentation. Silver brings pricey products\/services to the forefront. There\u2019s more chance to buy costly products when all the website guarantees for their quality.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p>*Important: don\u2019t mix silver and gold, unless you want an out of the ordinary effect and you know how to handle it.<\/p>\n<p>&nbsp;<\/p>\n<h2>What is such a color scheme composed of?<\/h2>\n<p>&nbsp;<\/p>\n<p>This color scheme involves different tints of grey (a greater or lesser concentration of color) and a high luminosity degree.<\/p>\n<p>Silver can come in combination with different colors: pink, yellow, red, blue, etc. Those colors add a touch of liveliness and concreteness to the website color scheme.<\/p>\n<p>On the other hand, you can go further and give metallic shades to silver. This strengthens the silver effect. It makes it eloquent enough to give weight to the presentation.<\/p>\n<p>&nbsp;<\/p>\n<p>In the following lines, we\u2019ll make a top 3 of websites that excellently use silver color palettes:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>\n<h4><a href=\"https:\/\/www.beauregard.ch\/\">Beauregard<\/a><\/h4>\n<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-4353\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/11\/beauregard.png\" alt=\"Silver color palette - example\" width=\"860\" height=\"435\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Within this site, luxury is at home. And silver nuances melt precious metal and website color scheme in an eloquent manner. Pure silver is suggested by sheer use of silver colors. Needless to say, zoom in and blur effects can emphasize some details and fade in on others. Additional colors in the page serve to enhancing the expressiveness of silver. Much silver concentrates in the Hero of the homepage. Hence, visitors start with elegance and style in mind, when browsing the website.<\/p>\n<p>&nbsp;<\/p>\n<ol start=\"2\">\n<li>\n<h4><a href=\"https:\/\/news.microsoft.com\/bythenumbers\/en\/homepage\">Microsoft \u2013 By the Numbers<\/a><\/h4>\n<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-4354\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/11\/by-the-numbers.png\" alt=\"Silver and pink color palette - example\" width=\"860\" height=\"417\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>This website capitalizes on the use of grey, gradients of grey and the best version of grey, which is silver. Its use matches the brand, a clean presentation and an inspired intro for the stories that make Microsoft. Other colors that enter this color scheme are pink (and gradients), plus white. They\u2019re lighter colors that balance grey and silver with refreshing tones. Thus, the homepage Hero has an intro with a pleasant aspect, inviting to read more. Silver is rather suggested than really applied onto the page. This way, it has even more power to refer to high-quality, even excellence, than it would have had as simply put on portions of page.<\/p>\n<p>&nbsp;<\/p>\n<ol start=\"3\">\n<li>\n<h4><a href=\"https:\/\/www.my360mirror.com\/\">My360mirror<\/a><\/h4>\n<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-4355\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/11\/my360mirror.png\" alt=\"Elegant silver color palette - example\" width=\"860\" height=\"404\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>This website makes use of colors, so metallic nuances come up front. Grey is generously spread in the background, and brings silver to users\u2019 attention. It\u2019s the product itself that gets contours with silver. It shines in the page as the new product to have, and the new idea to try out. The design is minimalist; thus users\u2019 attention focuses better on the product itself, and the main message. All elements in the page converge to creating an excellent silver color palette that suits My360mirror. Text, logo, description, menu items, all have light grey\/white nuances that augment the silver expressiveness.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This time, we\u2019ll cover significance and effects of a special website color scheme: the silver color palette. First, it would be nice to have a clear picture of silver color palettes and their influence on design. What are the effects of a silver color palette? &nbsp; Silver in a website page makes that page shine.&hellip; <br \/> <a class=\"read-more\" href=\"https:\/\/colibriwp.com\/blog\/silver-color-palettes-for-websites\/\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":4447,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[36,47],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v17.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Silver Color Palette for Websites - check some examples - ColibriWP Blog<\/title>\n<meta name=\"description\" content=\"How a silver color palette can perfectly fit a website design: check the examples in the article and take them as a source of inspiration.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/colibriwp.com\/blog\/silver-color-palettes-for-websites\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Silver Color Palette for Websites - check some examples - ColibriWP Blog\" \/>\n<meta property=\"og:description\" content=\"How a silver color palette can perfectly fit a website design: check the examples in the article and take them as a source of inspiration.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/colibriwp.com\/blog\/silver-color-palettes-for-websites\/\" \/>\n<meta property=\"og:site_name\" content=\"ColibriWP Blog\" \/>\n<meta property=\"article:published_time\" content=\"2019-11-06T15:13:25+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-02-05T11:18:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/11\/silver-color-palettes-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1834\" \/>\n\t<meta property=\"og:image:height\" content=\"862\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"iulian\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/colibriwp.com\/blog\/#website\",\"url\":\"https:\/\/colibriwp.com\/blog\/\",\"name\":\"ColibriWP Blog\",\"description\":\"WordPress know-how to boost your design skills\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/colibriwp.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/colibriwp.com\/blog\/silver-color-palettes-for-websites\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/11\/silver-color-palettes-1.png\",\"contentUrl\":\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/11\/silver-color-palettes-1.png\",\"width\":1834,\"height\":862},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/colibriwp.com\/blog\/silver-color-palettes-for-websites\/#webpage\",\"url\":\"https:\/\/colibriwp.com\/blog\/silver-color-palettes-for-websites\/\",\"name\":\"Silver Color Palette for Websites - check some examples - ColibriWP Blog\",\"isPartOf\":{\"@id\":\"https:\/\/colibriwp.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/colibriwp.com\/blog\/silver-color-palettes-for-websites\/#primaryimage\"},\"datePublished\":\"2019-11-06T15:13:25+00:00\",\"dateModified\":\"2020-02-05T11:18:47+00:00\",\"author\":{\"@id\":\"https:\/\/colibriwp.com\/blog\/#\/schema\/person\/120982e06c8218e6f4a5d83020751c1e\"},\"description\":\"How a silver color palette can perfectly fit a website design: check the examples in the article and take them as a source of inspiration.\",\"breadcrumb\":{\"@id\":\"https:\/\/colibriwp.com\/blog\/silver-color-palettes-for-websites\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/colibriwp.com\/blog\/silver-color-palettes-for-websites\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/colibriwp.com\/blog\/silver-color-palettes-for-websites\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/colibriwp.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Silver Color Palette for Websites\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/colibriwp.com\/blog\/#\/schema\/person\/120982e06c8218e6f4a5d83020751c1e\",\"name\":\"iulian\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/colibriwp.com\/blog\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/a1002ce001e8e8537800f38c05d827cf?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/a1002ce001e8e8537800f38c05d827cf?s=96&d=mm&r=g\",\"caption\":\"iulian\"},\"url\":\"https:\/\/colibriwp.com\/blog\/author\/iulian\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Silver Color Palette for Websites - check some examples - ColibriWP Blog","description":"How a silver color palette can perfectly fit a website design: check the examples in the article and take them as a source of inspiration.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/colibriwp.com\/blog\/silver-color-palettes-for-websites\/","og_locale":"en_US","og_type":"article","og_title":"Silver Color Palette for Websites - check some examples - ColibriWP Blog","og_description":"How a silver color palette can perfectly fit a website design: check the examples in the article and take them as a source of inspiration.","og_url":"https:\/\/colibriwp.com\/blog\/silver-color-palettes-for-websites\/","og_site_name":"ColibriWP Blog","article_published_time":"2019-11-06T15:13:25+00:00","article_modified_time":"2020-02-05T11:18:47+00:00","og_image":[{"width":1834,"height":862,"url":"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/11\/silver-color-palettes-1.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"iulian","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/colibriwp.com\/blog\/#website","url":"https:\/\/colibriwp.com\/blog\/","name":"ColibriWP Blog","description":"WordPress know-how to boost your design skills","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/colibriwp.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","@id":"https:\/\/colibriwp.com\/blog\/silver-color-palettes-for-websites\/#primaryimage","inLanguage":"en-US","url":"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/11\/silver-color-palettes-1.png","contentUrl":"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/11\/silver-color-palettes-1.png","width":1834,"height":862},{"@type":"WebPage","@id":"https:\/\/colibriwp.com\/blog\/silver-color-palettes-for-websites\/#webpage","url":"https:\/\/colibriwp.com\/blog\/silver-color-palettes-for-websites\/","name":"Silver Color Palette for Websites - check some examples - ColibriWP Blog","isPartOf":{"@id":"https:\/\/colibriwp.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/colibriwp.com\/blog\/silver-color-palettes-for-websites\/#primaryimage"},"datePublished":"2019-11-06T15:13:25+00:00","dateModified":"2020-02-05T11:18:47+00:00","author":{"@id":"https:\/\/colibriwp.com\/blog\/#\/schema\/person\/120982e06c8218e6f4a5d83020751c1e"},"description":"How a silver color palette can perfectly fit a website design: check the examples in the article and take them as a source of inspiration.","breadcrumb":{"@id":"https:\/\/colibriwp.com\/blog\/silver-color-palettes-for-websites\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/colibriwp.com\/blog\/silver-color-palettes-for-websites\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/colibriwp.com\/blog\/silver-color-palettes-for-websites\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/colibriwp.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Silver Color Palette for Websites"}]},{"@type":"Person","@id":"https:\/\/colibriwp.com\/blog\/#\/schema\/person\/120982e06c8218e6f4a5d83020751c1e","name":"iulian","image":{"@type":"ImageObject","@id":"https:\/\/colibriwp.com\/blog\/#personlogo","inLanguage":"en-US","url":"https:\/\/secure.gravatar.com\/avatar\/a1002ce001e8e8537800f38c05d827cf?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a1002ce001e8e8537800f38c05d827cf?s=96&d=mm&r=g","caption":"iulian"},"url":"https:\/\/colibriwp.com\/blog\/author\/iulian\/"}]}},"_links":{"self":[{"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/posts\/4352"}],"collection":[{"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/comments?post=4352"}],"version-history":[{"count":0,"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/posts\/4352\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/media\/4447"}],"wp:attachment":[{"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/media?parent=4352"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/categories?post=4352"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/tags?post=4352"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}