Background Pattern – Honeycomb Texture

A visitor on this blog had asked me how to achieve the blue background that I have. It does have a nice look, so I’ll share the background pattern I created and show how to use it. It was fun making it, I might create new patterns in the future.

background texture pattern

Sample Pattern

Download the texture here: bg-honeycomb.png It’s just a tiny PNG file of 204 bytes. It’s made up of semi-transparent lines so it’s almost invisible without any background-color.

body {
   background-image: url("bg-honeycomb.png");
   background-color: #3C76AF;

Here are sample colors that I think would look good on the pattern.


You can use this pattern on any of your projects. Some attribution or link back to this post would be nice. 🙂

Post your questions and complaints below.

Share This Post :

Leave a Reply

Anything that resembles spam is deleted. Keyword names are also changed or deleted.

Note: When posting code, enclose it in pre and code tags.
e.g. <pre><code> Add code here </code></pre>

ronangelo © 2012 - 2017 Frontier Theme