diff --git a/.DS_Store b/.DS_Store
index 3644916..7877a07 100644
Binary files a/.DS_Store and b/.DS_Store differ
diff --git a/app/static/img/default_cover.png b/app/static/img/default_cover.png
new file mode 100644
index 0000000..34c107e
Binary files /dev/null and b/app/static/img/default_cover.png differ
diff --git a/app/templates/base.html b/app/templates/base.html
index 9299451..fc7e9b7 100755
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -37,5 +37,15 @@
     {% block js %} {% endblock%}
     <script src="https://code.jquery.com/jquery-2.1.4.js"></script>
     <script src="{{ url_for("static", filename="js/app.js") }}"></script>
+    <script>
+    $( ".no_cover" ).each(function() {
+      var randomColor = '#'+ ('000000' + Math.floor(Math.random()*16777215).toString(16)).slice(-6);
+
+      $(this).css({
+        'background-color' : randomColor,
+      });
+    }
+  )
+    </script>
   </body>
 </html>
diff --git a/app/templates/show_books.html b/app/templates/show_books.html
index cd78abb..2198e38 100755
--- a/app/templates/show_books.html
+++ b/app/templates/show_books.html
@@ -25,7 +25,11 @@
     </tr>
         {% for book in books|sort(attribute='title', reverse = False) %}
     <tr>
-      <td><img src="../uploads/cover/{{ book.cover }}" width="80"></td>
+      <td>
+        <object class="no_cover" data="../static/img/default_cover.png" type="image/png" width="65">
+        <img src="../uploads/cover/{{ book.cover }}" width="80">
+      </object>
+      </td>
       <td class="title_col"><a href="books/{{ book.id }}">{{ book.title }}</a></td>
 
       <td class="author_col">  {% for author in book.authors %}