Spectrum http://simpledesktops.com/browse/desktops/2012/jan/19/spectrum/

dabblet.css

/**
 * Spectrum http://simpledesktops.com/browse/desktops/2012/jan/19/spectrum/
 */

body{
  background: #333232;
  min-height:100%;
}

#circles{
 height:100%;
 width:100%;
 position:absolute;
 top:50%;
 margin-top:-125px;
 overflow:hidden;
 
}
.circle{
 display:inline-block;
 width:16%;
 background-color: blue;
 height:250px;
 border-radius: 50%;
 position:relative;

}

.circle:before{
  content:"";
  display: block;
  position:absolute;
  top:30px;
  left:0;
  height:100%;
  width:100%;
  border-radius: 50%;
  background-color:#333232;
}
.circle:nth-child(2n+1){
 top:30px;
}
.circle:nth-child(2n+1):before{
top:-30px;
}

.color1{background:#ed4f3a}
.color2{background:#ea863b}
.color3{background:#e8bb3d}
.color4{background:#c5e53e}
.color5{background:#40e2b4}
.color6{background:#a541e0}

dabblet.html

<div id="circles">
  <div class="circle color1"></div>
  <div class="circle color2"></div>
  <div class="circle color3"></div>
  <div class="circle color4"></div>
  <div class="circle color5"></div>
  <div class="circle color6"></div>
</div>

settings.json

{"view":"split","prefixfree":"1","page":"result"}