diff --git a/docs/examples/carousel.html b/docs/examples/carousel.html
index 3ac960c41..7719e804b 100644
--- a/docs/examples/carousel.html
+++ b/docs/examples/carousel.html
@@ -279,7 +279,7 @@ body {
   </ol>
   <div class="carousel-inner">
     <div class="item active">
-      <img data-src="holder.js/1500x500/auto/#F00:#7a7a7a/text:First slide" alt="">
+      <img data-src="holder.js/1500x500/auto/#777:#7a7a7a/text:First slide" alt="">
       <div class="container">
         <div class="carousel-caption">
           <h1>Example headline.</h1>
@@ -289,7 +289,7 @@ body {
       </div>
     </div>
     <div class="item">
-      <img data-src="holder.js/1500x500/auto/#0F0:#7a7a7a/text:Second slide" alt="">
+      <img data-src="holder.js/1500x500/auto/#777:#7a7a7a/text:Second slide" alt="">
       <div class="container">
         <div class="carousel-caption">
           <h1>Another example headline.</h1>
@@ -299,7 +299,7 @@ body {
       </div>
     </div>
     <div class="item">
-      <img data-src="holder.js/1500x500/auto/#00F:#7a7a7a/text:Third slide" alt="">
+      <img data-src="holder.js/1500x500/auto/#777:#7a7a7a/text:Third slide" alt="">
       <div class="container">
         <div class="carousel-caption">
           <h1>One more for good measure.</h1>