Colour Board: Delta ∆

Delta ∆ colour palette. Inspired by the logo on a beer can. The palette uses BBD9D1, D0BBB4 and D6993E. 

Artboard 2BBD9D1

Very basic CSS bonus animation (the code for which is set out below). 

Animation source code

<style>

#container {
  height: 400px;
    }
#line {
  width: 0%;
  height: 40px;
  background: #BBD9D1;
  margin: auto;
  animation: line 1s ease-in-out forwards;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 1 5;
  transform-origin: 0 0;
  transform: rotate(-334deg);
  -moz-transform: rotate(300deg);
  -webkit-transform: rotate(-20deg);
  animation: line 5s infinite;
  margin-top: 100px;
}
@keyframes line {
    from { width: 0%; }
    to { width: 80%; }
  }

#line2 {
  width: 0%;
  height: 35px;
  background: #D0BBB4;
  margin: auto;
  animation: line 2s ease forwards;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 1 0;
  transform-origin: 0 0;
  transform: rotate(60deg);
  animation: line 5s infinite;
}
@keyframes line2 {
    from { width: 0%; }
    to { width: 70%; }
}

#line3 {
  width: 0%;
  height: 30px;
  background: #D6993E;
  margin: auto;
  animation: line 6s ease forwards;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 1 0;
  transform-origin: 0 0;
  transform: rotate(20deg);
  animation: line 5s infinite;
  margin-top: 60px;
}
@keyframes line3 {
    from { width: 0%; }
    to { width: 80%; }
}
</style>

<div id="container">
 
    <div id="line2"></div>  
    <div id="line3"></div>  
    <div id="line"></div> 
  
 </div>