{"id":117958,"date":"2012-12-12T16:21:23","date_gmt":"2012-12-13T00:21:23","guid":{"rendered":"https:\/\/heartifb.com\/?p=117958"},"modified":"2024-02-14T08:15:01","modified_gmt":"2024-02-14T16:15:01","slug":"design-tips-color-combinations-for-your-blog-made-easy","status":"publish","type":"post","link":"https:\/\/heartifb.com\/design-tips-color-combinations-for-your-blog-made-easy\/","title":{"rendered":"Design Tips: Color Combinations For Your Blog Made Easy"},"content":{"rendered":"<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-177666\" src=\"https:\/\/heartifb.com\/images\/color-swirl.jpg\" alt=\"color swirl\" width=\"600\" height=\"150\" srcset=\"https:\/\/heartifb.com\/images\/color-swirl.jpg 600w, https:\/\/heartifb.com\/images\/color-swirl-300x75.jpg 300w, https:\/\/heartifb.com\/images\/color-swirl-30x8.jpg 30w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><br \/>\nWhen you think about the world around you, color is one of the most important things we see. It affects our mood, can bring us joy, strike up memories, or draw attention. Think about how absolutely dull our world would be if we only saw it in black and white!<\/p>\n<p>I think there's a myth in the blogosphere that your site can't look professional or classy if it isn't designed in black and white. While traditional publications like magazines and newspapers generally still rely on this basic look, blogs and digital publications have an opportunity to play with color for maximum impact.<\/p>\n<p><strong>The key with color on your blog is <em>how<\/em> you use it. This includes:<\/strong><\/p>\n<ul>\n<li>Where you use it<\/li>\n<li>How much of it you use<\/li>\n<li>What combinations you choose<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>Some creative types find color pairings come as second nature, but don't worry if designing a color scheme for your header and blog design proves more difficult to master than pairing your scarf and coat this winter. Your secret weapon? It all starts with <strong>the color wheel<\/strong>, made up of primary, secondary and tertiary colors:<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-177669\" src=\"https:\/\/heartifb.com\/images\/color-wheel.jpg\" alt=\"color wheel\" width=\"600\" height=\"603\" srcset=\"https:\/\/heartifb.com\/images\/color-wheel.jpg 600w, https:\/\/heartifb.com\/images\/color-wheel-64x64.jpg 64w, https:\/\/heartifb.com\/images\/color-wheel-249x250.jpg 249w, https:\/\/heartifb.com\/images\/color-wheel-30x30.jpg 30w, https:\/\/heartifb.com\/images\/color-wheel-125x125.jpg 125w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><br \/>\nThere are a lot of amazingly helpful websites out there that can give you color inspiration for your blog design. For a brush-up on the basics, <a href=\"http:\/\/www.tigercolor.com\/color-lab\/color-theory\/color-theory-intro.htm\">Tiger Color<\/a> has a fairly comprehensive easy-to-understand break down of color terms and schemes. For example, they show you how basic color schemes work, from complimentary and analogous to triadic and rectangular.<\/p>\n<p>These schemes are called color harmonies or or color cords, because of how well they go together (like musical notes) and consist of two or more colors with a fixed relation on the color wheel. The more detailed of a color wheel you reference, the more color schemes you can imagine and create.<\/p>\n<p>The more complicated element of working with color is &#8220;color context&#8221; which is how color behaves in relation to other colors. For example, red appears more vibrant next to black, and more dull next to white. Take this in consideration when thinking about foreground and background colors.<\/p>\n<blockquote><p>While <a href=\"http:\/\/en.wikipedia.org\/wiki\/Color_theory\">color theory<\/a> is a science, what color scheme you (and your audience) will find most pleasing is ultimately very subjective. What excites and invigorates one person may depress or turn off another, and these reactions can come from personal experience as well as cultural background.<\/p><\/blockquote>\n<p>Whether your blog is mostly black and white with pops of color or a monochromatic scheme of yellows, you have to decide for yourself what kind of design elements best highlight your content &#8211; both written and photographed. Trial and error! Ask your friends, fans and followers for input as you experiment! Have fun!<\/p>\n<p>For pairing and palette inspirations, here are a few <strong>color-centric blogs<\/strong> we love:<\/p>\n<ul>\n<li>Wear Palettes<\/li>\n<li><a href=\"http:\/\/color-collective.blogspot.com\/\">Color Collective<\/a><\/li>\n<li>Plenty of Colour<\/li>\n<li>Pantonism<\/li>\n<li>For The Love of Color<\/li>\n<li>Design Seeds<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><em>*Please note this post is meant only to be a brief introduction to a bit of the science behind color and it's appeal, to give you inspiration for blog design &#8211; we're not professional color theory experts<\/em>!<\/p>\n<p>Photo by <a href=\"https:\/\/www.flickr.com\/photos\/jwyg\/\">Jonathan Gray<\/a><\/p>\n<h4 style=\"text-align: center;\">How did you decide on a color scheme for your blog?<\/h4>\n","protected":false},"excerpt":{"rendered":"<p>When you think about the world around you, color is one of the most important things we see. It affects our mood, can bring us joy, strike up memories, or draw attention. Think about how absolutely dull our world would be if we only saw it in black and white! I think there&#8217;s a myth [&hellip;]<\/p>\n","protected":false},"author":244708,"featured_media":177669,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"no","_lmt_disable":"","footnotes":""},"categories":[7768],"tags":[],"class_list":["post-117958","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Design Tips: Color Combinations For Your Blog Made Easy - IFB<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/heartifb.com\/design-tips-color-combinations-for-your-blog-made-easy\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Design Tips: Color Combinations For Your Blog Made Easy - IFB\" \/>\n<meta property=\"og:description\" content=\"When you think about the world around you, color is one of the most important things we see. It affects our mood, can bring us joy, strike up memories, or draw attention. Think about how absolutely dull our world would be if we only saw it in black and white! I think there&#039;s a myth [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/heartifb.com\/design-tips-color-combinations-for-your-blog-made-easy\/\" \/>\n<meta property=\"og:site_name\" content=\"IFB\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/independentfashionbloggers\/\" \/>\n<meta property=\"article:published_time\" content=\"2012-12-13T00:21:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-02-14T16:15:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/heartifb.com\/images\/color-wheel.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"603\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"IFB\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@_ifb\" \/>\n<meta name=\"twitter:site\" content=\"@_ifb\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"IFB\" \/>\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\":\"Article\",\"@id\":\"https:\/\/heartifb.com\/design-tips-color-combinations-for-your-blog-made-easy\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/heartifb.com\/design-tips-color-combinations-for-your-blog-made-easy\/\"},\"author\":{\"name\":\"IFB\",\"@id\":\"https:\/\/heartifb.com\/#\/schema\/person\/0ef78c5dc111674eda579c9c1f3aa10d\"},\"headline\":\"Design Tips: Color Combinations For Your Blog Made Easy\",\"datePublished\":\"2012-12-13T00:21:23+00:00\",\"dateModified\":\"2024-02-14T16:15:01+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/heartifb.com\/design-tips-color-combinations-for-your-blog-made-easy\/\"},\"wordCount\":534,\"commentCount\":11,\"publisher\":{\"@id\":\"https:\/\/heartifb.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/heartifb.com\/design-tips-color-combinations-for-your-blog-made-easy\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/heartifb.com\/images\/color-wheel.jpg\",\"articleSection\":[\"Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/heartifb.com\/design-tips-color-combinations-for-your-blog-made-easy\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/heartifb.com\/design-tips-color-combinations-for-your-blog-made-easy\/\",\"url\":\"https:\/\/heartifb.com\/design-tips-color-combinations-for-your-blog-made-easy\/\",\"name\":\"Design Tips: Color Combinations For Your Blog Made Easy - IFB\",\"isPartOf\":{\"@id\":\"https:\/\/heartifb.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/heartifb.com\/design-tips-color-combinations-for-your-blog-made-easy\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/heartifb.com\/design-tips-color-combinations-for-your-blog-made-easy\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/heartifb.com\/images\/color-wheel.jpg\",\"datePublished\":\"2012-12-13T00:21:23+00:00\",\"dateModified\":\"2024-02-14T16:15:01+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/heartifb.com\/design-tips-color-combinations-for-your-blog-made-easy\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/heartifb.com\/design-tips-color-combinations-for-your-blog-made-easy\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/heartifb.com\/design-tips-color-combinations-for-your-blog-made-easy\/#primaryimage\",\"url\":\"https:\/\/heartifb.com\/images\/color-wheel.jpg\",\"contentUrl\":\"https:\/\/heartifb.com\/images\/color-wheel.jpg\",\"width\":600,\"height\":603,\"caption\":\"color wheel\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/heartifb.com\/design-tips-color-combinations-for-your-blog-made-easy\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"IFB\",\"item\":\"https:\/\/heartifb.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Design\",\"item\":\"https:\/\/heartifb.com\/category\/design\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Design Tips: Color Combinations For Your Blog Made Easy\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/heartifb.com\/#website\",\"url\":\"https:\/\/heartifb.com\/\",\"name\":\"IFB\",\"description\":\"Independent Fashion Bloggers\",\"publisher\":{\"@id\":\"https:\/\/heartifb.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/heartifb.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/heartifb.com\/#organization\",\"name\":\"Independent Fashion Bloggers\",\"url\":\"https:\/\/heartifb.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/heartifb.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/heartifb.com\/images\/IFB_logo_web_260.png\",\"contentUrl\":\"https:\/\/heartifb.com\/images\/IFB_logo_web_260.png\",\"width\":260,\"height\":65,\"caption\":\"Independent Fashion Bloggers\"},\"image\":{\"@id\":\"https:\/\/heartifb.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/independentfashionbloggers\/\",\"https:\/\/x.com\/_ifb\",\"https:\/\/instagram.com\/_ifb\",\"https:\/\/www.pinterest.com\/_ifb\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/heartifb.com\/#\/schema\/person\/0ef78c5dc111674eda579c9c1f3aa10d\",\"name\":\"IFB\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/heartifb.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6d13ebf29e78ac3d99428bb78244a1ca?s=96&d=identicon&r=r\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6d13ebf29e78ac3d99428bb78244a1ca?s=96&d=identicon&r=r\",\"caption\":\"IFB\"},\"description\":\"Independent Fashion Bloggers (IFB) is a community of fashion bloggers who share their experiences and resources to build a better blog.\",\"url\":\"https:\/\/heartifb.com\/author\/ifb\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Design Tips: Color Combinations For Your Blog Made Easy - IFB","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:\/\/heartifb.com\/design-tips-color-combinations-for-your-blog-made-easy\/","og_locale":"en_US","og_type":"article","og_title":"Design Tips: Color Combinations For Your Blog Made Easy - IFB","og_description":"When you think about the world around you, color is one of the most important things we see. It affects our mood, can bring us joy, strike up memories, or draw attention. Think about how absolutely dull our world would be if we only saw it in black and white! I think there's a myth [&hellip;]","og_url":"https:\/\/heartifb.com\/design-tips-color-combinations-for-your-blog-made-easy\/","og_site_name":"IFB","article_publisher":"https:\/\/www.facebook.com\/independentfashionbloggers\/","article_published_time":"2012-12-13T00:21:23+00:00","article_modified_time":"2024-02-14T16:15:01+00:00","og_image":[{"width":600,"height":603,"url":"https:\/\/heartifb.com\/images\/color-wheel.jpg","type":"image\/jpeg"}],"author":"IFB","twitter_card":"summary_large_image","twitter_creator":"@_ifb","twitter_site":"@_ifb","twitter_misc":{"Written by":"IFB","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/heartifb.com\/design-tips-color-combinations-for-your-blog-made-easy\/#article","isPartOf":{"@id":"https:\/\/heartifb.com\/design-tips-color-combinations-for-your-blog-made-easy\/"},"author":{"name":"IFB","@id":"https:\/\/heartifb.com\/#\/schema\/person\/0ef78c5dc111674eda579c9c1f3aa10d"},"headline":"Design Tips: Color Combinations For Your Blog Made Easy","datePublished":"2012-12-13T00:21:23+00:00","dateModified":"2024-02-14T16:15:01+00:00","mainEntityOfPage":{"@id":"https:\/\/heartifb.com\/design-tips-color-combinations-for-your-blog-made-easy\/"},"wordCount":534,"commentCount":11,"publisher":{"@id":"https:\/\/heartifb.com\/#organization"},"image":{"@id":"https:\/\/heartifb.com\/design-tips-color-combinations-for-your-blog-made-easy\/#primaryimage"},"thumbnailUrl":"https:\/\/heartifb.com\/images\/color-wheel.jpg","articleSection":["Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/heartifb.com\/design-tips-color-combinations-for-your-blog-made-easy\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/heartifb.com\/design-tips-color-combinations-for-your-blog-made-easy\/","url":"https:\/\/heartifb.com\/design-tips-color-combinations-for-your-blog-made-easy\/","name":"Design Tips: Color Combinations For Your Blog Made Easy - IFB","isPartOf":{"@id":"https:\/\/heartifb.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/heartifb.com\/design-tips-color-combinations-for-your-blog-made-easy\/#primaryimage"},"image":{"@id":"https:\/\/heartifb.com\/design-tips-color-combinations-for-your-blog-made-easy\/#primaryimage"},"thumbnailUrl":"https:\/\/heartifb.com\/images\/color-wheel.jpg","datePublished":"2012-12-13T00:21:23+00:00","dateModified":"2024-02-14T16:15:01+00:00","breadcrumb":{"@id":"https:\/\/heartifb.com\/design-tips-color-combinations-for-your-blog-made-easy\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/heartifb.com\/design-tips-color-combinations-for-your-blog-made-easy\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/heartifb.com\/design-tips-color-combinations-for-your-blog-made-easy\/#primaryimage","url":"https:\/\/heartifb.com\/images\/color-wheel.jpg","contentUrl":"https:\/\/heartifb.com\/images\/color-wheel.jpg","width":600,"height":603,"caption":"color wheel"},{"@type":"BreadcrumbList","@id":"https:\/\/heartifb.com\/design-tips-color-combinations-for-your-blog-made-easy\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"IFB","item":"https:\/\/heartifb.com\/"},{"@type":"ListItem","position":2,"name":"Design","item":"https:\/\/heartifb.com\/category\/design\/"},{"@type":"ListItem","position":3,"name":"Design Tips: Color Combinations For Your Blog Made Easy"}]},{"@type":"WebSite","@id":"https:\/\/heartifb.com\/#website","url":"https:\/\/heartifb.com\/","name":"IFB","description":"Independent Fashion Bloggers","publisher":{"@id":"https:\/\/heartifb.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/heartifb.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/heartifb.com\/#organization","name":"Independent Fashion Bloggers","url":"https:\/\/heartifb.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/heartifb.com\/#\/schema\/logo\/image\/","url":"https:\/\/heartifb.com\/images\/IFB_logo_web_260.png","contentUrl":"https:\/\/heartifb.com\/images\/IFB_logo_web_260.png","width":260,"height":65,"caption":"Independent Fashion Bloggers"},"image":{"@id":"https:\/\/heartifb.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/independentfashionbloggers\/","https:\/\/x.com\/_ifb","https:\/\/instagram.com\/_ifb","https:\/\/www.pinterest.com\/_ifb\/"]},{"@type":"Person","@id":"https:\/\/heartifb.com\/#\/schema\/person\/0ef78c5dc111674eda579c9c1f3aa10d","name":"IFB","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/heartifb.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6d13ebf29e78ac3d99428bb78244a1ca?s=96&d=identicon&r=r","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6d13ebf29e78ac3d99428bb78244a1ca?s=96&d=identicon&r=r","caption":"IFB"},"description":"Independent Fashion Bloggers (IFB) is a community of fashion bloggers who share their experiences and resources to build a better blog.","url":"https:\/\/heartifb.com\/author\/ifb\/"}]}},"modified_by":"Innolab Team","_links":{"self":[{"href":"https:\/\/heartifb.com\/wp-json\/wp\/v2\/posts\/117958"}],"collection":[{"href":"https:\/\/heartifb.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/heartifb.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/heartifb.com\/wp-json\/wp\/v2\/users\/244708"}],"replies":[{"embeddable":true,"href":"https:\/\/heartifb.com\/wp-json\/wp\/v2\/comments?post=117958"}],"version-history":[{"count":2,"href":"https:\/\/heartifb.com\/wp-json\/wp\/v2\/posts\/117958\/revisions"}],"predecessor-version":[{"id":221166,"href":"https:\/\/heartifb.com\/wp-json\/wp\/v2\/posts\/117958\/revisions\/221166"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/heartifb.com\/wp-json\/wp\/v2\/media\/177669"}],"wp:attachment":[{"href":"https:\/\/heartifb.com\/wp-json\/wp\/v2\/media?parent=117958"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/heartifb.com\/wp-json\/wp\/v2\/categories?post=117958"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/heartifb.com\/wp-json\/wp\/v2\/tags?post=117958"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}