{"id":4138,"date":"2019-08-14T11:20:40","date_gmt":"2019-08-14T11:20:40","guid":{"rendered":"https:\/\/colibriwp.com\/blog\/?p=4138"},"modified":"2020-02-05T12:49:36","modified_gmt":"2020-02-05T12:49:36","slug":"black-color-palettes-websites","status":"publish","type":"post","link":"https:\/\/colibriwp.com\/blog\/black-color-palettes-websites\/","title":{"rendered":"Black Color Palette for Websites"},"content":{"rendered":"<p>Black is an elegant color. Even for websites, a black color palette adds a note of gracefulness and high style.<\/p>\n<p>That is why, black is for sites of companies that sell high-end products and services, to convey a sense of luxury and expensive price for high quality.<\/p>\n<p>Also, black conveys authority, that\u2019s why you should use it for portfolio websites. It has the role to attract attention over the work of an author having an expert status in their area.<\/p>\n<p>&nbsp;<\/p>\n<p>In the following lines, we\u2019ll see what black color palettes can do for a website, and how they transmit values through the mere color:<\/p>\n<ol>\n<li>\n<h4><a href=\"http:\/\/www.sklobovskaya.com\/work\">Sklobovskaya\u2019s website<\/a><\/h4>\n<\/li>\n<\/ol>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-4139\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/08\/site1.png\" alt=\"Example of black color palette\" width=\"860\" height=\"419\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>In this site, the background is a smoky black. It serves to better emphasize the author\u2019s work and impress a style on it. It leaves readers the impression of perfect, irreproachable work that imposes itself through artistry.<\/p>\n<ol start=\"2\">\n<li>\n<h4><a href=\"https:\/\/www.jybh.fr\/fr\/\">Jybh.fr<\/a><\/h4>\n<\/li>\n<\/ol>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-4140\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/08\/site2.png\" alt=\"Elegant black color palette\" width=\"860\" height=\"420\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>If a plain page like this were to be defined through specific words, these would be: top-notch website, exquisite presentation, clean and clear branding, velvety black. And because of the velvety black, this website arouses curiosity and the desire to find out more. So, direct impact on dwell time on site.<\/p>\n<ol start=\"3\">\n<li>\n<h4><a href=\"https:\/\/www.jackdaniels.com\/en-us\/\">Jack Daniel\u2019s<\/a><\/h4>\n<\/li>\n<\/ol>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-4141\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/08\/site3.png\" alt=\"New black color palette\" width=\"860\" height=\"427\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>In Jack Daniel\u2019s site, black and, generally dark colors, are favoured. Black color palettes are showing social status, a high stance and a fair treatment of people who enjoy whiskey. The presentation is made in all seriousness, with total respect for high quality and special times when people will drink whiskey.<\/p>\n<ol start=\"4\">\n<li>\n<h4><a href=\"https:\/\/www.publikcoffee.com\/#\/\">Publikcoffee<\/a><\/h4>\n<\/li>\n<\/ol>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-4142\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/08\/site4.png\" alt=\"Example of black color palette\" width=\"860\" height=\"414\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>For Publikcoffee, a black background matches vintage text, in a tone of elegance that\u2019s impossible to pass over. It serves to creating high contrast between background and text, bringing their message front and center, in a unique way: \u201cQuality over Quantity. Community over Corporate. Planet over Profit.\u201d As a consequence, the black color palette serves to assert the caf\u00e9\u2019s values, in plain simple sentences.<\/p>\n<ol start=\"5\">\n<li>\n<h4><a href=\"https:\/\/www.cappen.com\/en\/\">Cappen<\/a><\/h4>\n<\/li>\n<\/ol>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-4143\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/08\/site5.png\" alt=\"\" width=\"860\" height=\"415\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>The design of Cappen\u2019s deploys, onto a background color palette: geometric forms, neatness, precision of details and inspired typography. The title animation draws attention towards what\u2019s special about Cappen. The black background cannot but emphasize the power of those words. On top of that, content in the page leaves enough room for the black background to exert its power of expression.<\/p>\n<ol start=\"6\">\n<li>\n<h4><a href=\"https:\/\/myblissandbone.com\/black-fern\">Myblissandbone<\/a><\/h4>\n<\/li>\n<\/ol>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-4144\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/08\/site6.png\" alt=\"\" width=\"860\" height=\"419\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>This website background contains black fern. It\u2019s a wedding website, so the black color palette comes in strikingly, instead of vivid or light colors. The black background has the role to situate events and weddings at a higher level, one of luxury and exquisite decors. So the black used for the fern in the background cannot be but intriguing, inviting to learn more.<\/p>\n<ol start=\"7\">\n<li>\n<h4><a href=\"https:\/\/culture.basicagency.com\/\">Culture Basic Agency<\/a><\/h4>\n<\/li>\n<\/ol>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-4145\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/08\/site7.png\" alt=\"\" width=\"860\" height=\"422\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>This is the website of a creative agency that lets colors go of in favour of a more striking message. And for the message to be well received, it has to be white on black. It also must have appropriate typography than connects the dots between different parts of the presentation. The design using a black background is somehow sober, however, the agency\u2019s presentation goes out of the ordinary with truths and conceptions that promise a lot for new brands.<\/p>\n<p>&nbsp;<\/p>\n<p>The collection of 7 black color palettes used for websites demonstrates the ability to <a href=\"https:\/\/colibriwp.com\/blog\/website-color-schemes\/\">express values through colors<\/a>. It\u2019s a powerful tool to use when you want to create outstanding websites, unusual websites and particularly interesting pages. People will be curious about what\u2019s inside those pages, and will be much more attentive to the message you have to convey. One last thing though: use black color palettes carefully. If the message doesn\u2019t live up to users\u2019 expectations, the website will not reach its full potential, but it\u2019ll be just one among other websites.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Black is an elegant color. Even for websites, a black color palette adds a note of gracefulness and high style. That is why, black is for sites of companies that sell high-end products and services, to convey a sense of luxury and expensive price for high quality. Also, black conveys authority, that\u2019s why you should&hellip; <br \/> <a class=\"read-more\" href=\"https:\/\/colibriwp.com\/blog\/black-color-palettes-websites\/\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":4140,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[55,47],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v17.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Black Color Palette for Websites - some examples - ColibriWP Blog<\/title>\n<meta name=\"description\" content=\"Elegance and style, with a black color palette for your website: check some examples that&#039;ll inspire you to create your own color scheme.\" \/>\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\/black-color-palettes-websites\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Black Color Palette for Websites - some examples - ColibriWP Blog\" \/>\n<meta property=\"og:description\" content=\"Elegance and style, with a black color palette for your website: check some examples that&#039;ll inspire you to create your own color scheme.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/colibriwp.com\/blog\/black-color-palettes-websites\/\" \/>\n<meta property=\"og:site_name\" content=\"ColibriWP Blog\" \/>\n<meta property=\"article:published_time\" content=\"2019-08-14T11:20:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-02-05T12:49:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/08\/site2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1902\" \/>\n\t<meta property=\"og:image:height\" content=\"928\" \/>\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\/black-color-palettes-websites\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/08\/site2.png\",\"contentUrl\":\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/08\/site2.png\",\"width\":1902,\"height\":928},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/colibriwp.com\/blog\/black-color-palettes-websites\/#webpage\",\"url\":\"https:\/\/colibriwp.com\/blog\/black-color-palettes-websites\/\",\"name\":\"Black Color Palette for Websites - some examples - ColibriWP Blog\",\"isPartOf\":{\"@id\":\"https:\/\/colibriwp.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/colibriwp.com\/blog\/black-color-palettes-websites\/#primaryimage\"},\"datePublished\":\"2019-08-14T11:20:40+00:00\",\"dateModified\":\"2020-02-05T12:49:36+00:00\",\"author\":{\"@id\":\"https:\/\/colibriwp.com\/blog\/#\/schema\/person\/120982e06c8218e6f4a5d83020751c1e\"},\"description\":\"Elegance and style, with a black color palette for your website: check some examples that'll inspire you to create your own color scheme.\",\"breadcrumb\":{\"@id\":\"https:\/\/colibriwp.com\/blog\/black-color-palettes-websites\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/colibriwp.com\/blog\/black-color-palettes-websites\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/colibriwp.com\/blog\/black-color-palettes-websites\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/colibriwp.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Black 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":"Black Color Palette for Websites - some examples - ColibriWP Blog","description":"Elegance and style, with a black color palette for your website: check some examples that'll inspire you to create your own color scheme.","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\/black-color-palettes-websites\/","og_locale":"en_US","og_type":"article","og_title":"Black Color Palette for Websites - some examples - ColibriWP Blog","og_description":"Elegance and style, with a black color palette for your website: check some examples that'll inspire you to create your own color scheme.","og_url":"https:\/\/colibriwp.com\/blog\/black-color-palettes-websites\/","og_site_name":"ColibriWP Blog","article_published_time":"2019-08-14T11:20:40+00:00","article_modified_time":"2020-02-05T12:49:36+00:00","og_image":[{"width":1902,"height":928,"url":"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/08\/site2.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\/black-color-palettes-websites\/#primaryimage","inLanguage":"en-US","url":"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/08\/site2.png","contentUrl":"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2019\/08\/site2.png","width":1902,"height":928},{"@type":"WebPage","@id":"https:\/\/colibriwp.com\/blog\/black-color-palettes-websites\/#webpage","url":"https:\/\/colibriwp.com\/blog\/black-color-palettes-websites\/","name":"Black Color Palette for Websites - some examples - ColibriWP Blog","isPartOf":{"@id":"https:\/\/colibriwp.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/colibriwp.com\/blog\/black-color-palettes-websites\/#primaryimage"},"datePublished":"2019-08-14T11:20:40+00:00","dateModified":"2020-02-05T12:49:36+00:00","author":{"@id":"https:\/\/colibriwp.com\/blog\/#\/schema\/person\/120982e06c8218e6f4a5d83020751c1e"},"description":"Elegance and style, with a black color palette for your website: check some examples that'll inspire you to create your own color scheme.","breadcrumb":{"@id":"https:\/\/colibriwp.com\/blog\/black-color-palettes-websites\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/colibriwp.com\/blog\/black-color-palettes-websites\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/colibriwp.com\/blog\/black-color-palettes-websites\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/colibriwp.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Black 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\/4138"}],"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=4138"}],"version-history":[{"count":0,"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/posts\/4138\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/media\/4140"}],"wp:attachment":[{"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/media?parent=4138"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/categories?post=4138"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/tags?post=4138"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}